When reflow is performed, content of dropdown list item is getting truncated
Categories
(Toolkit :: General, defect, P3)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox-esr78 | --- | wontfix |
| firefox86 | --- | wontfix |
| firefox87 | --- | wontfix |
| firefox88 | --- | fix-optional |
People
(Reporter: edad, Unassigned)
References
(Blocks 1 open bug, Regression)
Details
(Keywords: parity-chrome, regression)
Attachments
(2 files)
2021-03-22_09h49_13.png
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:86.0) Gecko/20100101 Firefox/86.0
Steps to reproduce:
- Create a local web page with the page source at the bottom of this field
- Open the page in a FireFox browser
- Change browser zoom to 400%
- Verify whether the list item is completely visible when reflow is performed
<html lang = "en">
<head>
<title>Sample Code-Reflow Issue with List items</title>
</head>
<select name = "Dropdown optionsset" aria-label = "Dropdown optionsset" style='width:100px;'>
<option>This is a very long option value that will be truncated on all mainstream browsers with a small window and/or large zoom value.</option>
</select>
</html>
Actual results:
When reflow is performed, content of dropdown list item is getting truncated
Expected results:
When leveraging the browser's zoom functionality, page content remains the same. There should be no loss of information or functionality. In this case, the options in the dropdown menu are cut off.
This bug is the result of an accessibility test pass.
Understanding Success Criterion 1.4.10: Reflow
https://www.w3.org/WAI/WCAG21/Understanding/reflow.html
|
||
Comment 1•4 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Firefox::Preferences' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
||
Updated•4 years ago
|
|
||
Comment 2•4 years ago
|
||
Well, the dropdown menu is a Toolkit thing these days...
|
||
Comment 3•4 years ago
|
||
Hello,
I reproduced the issue using a locally loaded page created from the provided source code on the latest Nightly (88.0a1/20210321213736), Beta (87.0/20210318103112) and Release (86.0.1/20210310152336) under Windows 10 x64 and Ubuntu 16.04 LTS.
With 400% zoom level, the content of the dropdown list item is truncated. For further details, see the attached screenshot.
|
|
||
Comment 4•4 years ago
|
||
|
||
Comment 5•4 years ago
|
||
The problem is due to e10s' select element implementation.
|
|
||
Comment 6•4 years ago
|
||
Regression window:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=dbb4b83be583eacc401648c5c33091958c29c4c3&tochange=658c25a8405745e52f72f1437bd14a5339e4ca9d
|
||
Updated•4 years ago
|
|
||
Comment 7•4 years ago
|
||
Neil, can you take a look at this, and assign a severity and priority please?
|
||
Comment 8•4 years ago
|
||
This is done to prevent the dropdown from spoofing part of the ui. We could remove this constraint horizontally perhaps (if the sidebar isn't open).
That said, I doubt that large select widths would be a real problem worth being too concerned about -- you'd get the same problem with one larger than the screen as well.
|
||
Updated•4 years ago
|
Description
•