Keyboard navigation scroll in select is broken with overflow: hidden and text-overflow: ellipsis
Categories
(Core :: Layout: Scrolling and Overflow, defect)
Tracking
()
People
(Reporter: jultabary, Assigned: emilio)
References
Details
Attachments
(1 file)
|
559 bytes,
text/html
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0
Steps to reproduce:
With following code
<html>
<head>
<style>
option {
overflow-x: hidden;
overflow-y: visible;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<label for="pet-select">Choose a pet:</label>
<select size=2 name="pets" id="pet-select">
<option value="dog">Dog</option>
<option value="cat">Cat</option>
<option value="hamster">Hamster</option>
<option value="parrot">Parrot</option>
<option value="spider">Spider</option>
<option value="goldfish">Goldfish</option>
</select>
</body>
</html>
Actual results:
When i try to navigate with arrow keys in the select option, the scroll is not following keyboard navigation.
Expected results:
When i navigate with arrow keys in the select option, the scroll shoud follow keyboard navigation.
|
||
Comment 1•2 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Layout: Scrolling and Overflow' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
|
||
Comment 3•2 years ago
|
||
The severity field is not set for this bug.
:hiro, could you have a look please?
For more information, please visit auto_nag documentation.
|
Assignee | |
Comment 4•2 years ago
|
||
|
||
Comment 5•2 years ago
|
||
I did double-check that bug 1795661 fixed the case. Thanks Alice!
Description
•