When the datalist becomes to long, it will not display anymore
Reported by
pe2...@gmail.com,
Nov 28 2017
|
||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux i686 (x86_64)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36 Steps to reproduce the problem: 1. the html file is part of an angular dashboard, populate the config.cities with +/- 200 items. 2. id="location" doesn't show a list. 3. id="browsers" shows a list when its lest than the window size is able to show. What is the expected behavior? Show a dropdown list with a scrollbar when large number of items are in the list. What went wrong? doesn't show a list when a large number of items is populated in the datalist. The first attached image show the screen when its populated with 24 items and then not showing the datalist in a dropdown. Second attached image shows a dropdown list with 22 items, this works, because its still within the window frame. Did this work before? No Does this work in other browsers? Yes Chrome version: 45.0.2454.101 Channel: stable OS Version: 3.13.0-24-generic #47-Ubuntu SMP Fri May 2 23:30:00 UTC 2014 x86_64 x86_64 x86_64 GNU/Linux Flash Version: Shockwave Flash 19.0 r0
,
Dec 1 2017
Able to reproduce the isue on latest stable 62.0.3202.94 and on the latest canary 64.0.3280.0 using Windows 10, Mac 10.13.1 and Ubuntu 14.04. As the issue is seen from M50(50.0.2634.0) treating it as non-regression and marking it as Untriaged.
,
Dec 27 2017
,
Jan 9 2018
mathp@, can you take a look at this?
,
May 11 2018
Fabio is looking at our datalist clipping, might be fixed already!
,
May 23 2018
This is very interesting. I tested locally and the browser hangs when we try to render the dropdown with 380 entries (the actual limit should be lower on a less powerful machine, but I was also using a debug binary). Once https://crbug.com/844648 gets fixed, I will come back to this bug to see what changed. Marking it for M69 in the meantime, since branch for M68 is tomorrow.
,
Jun 19 2018
I'd like to suggest to use a standard <select> drop-down for the datalist as it behaves much better - chooses to be shown above the field if there's more room then below, extends outside the Chromium window if there's room on the screen (so it's not limited to the current window size), properly scrolls with keyboard / mouse... My main problem with the datalist as of now is that I can't even select an item with the keyboard if there's not enough room for the entire list to show because the list doesn't auto-scroll to show selected item. If there's way too little room, it will not even show the full scroll-bar so I can't scroll it up (only down arrow is visible). |
||||||||||||
►
Sign in to add a comment |
||||||||||||
Comment 1 by krajshree@chromium.org
, Nov 29 2017