Closed Bug 1499001 Opened 6 years ago Closed 6 years ago

setting css 'overflow' to auto closes active select lists

Categories

(Core :: Layout, defect)

64 Branch
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 1440506
Tracking Status
firefox62 --- affected
firefox63 --- affected
firefox64 --- affected

People

(Reporter: martin, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; ARM; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Edge/15.15254 Steps to reproduce: Set css('overflow') to 'auto' (was 'visible') on container object (div in this case) in js (interval event) Nb no material effect on container as contents don't overflow Actual results: Active drop down (<select>) retains focus but collapses, making item selection impossible for the user by mouse click Expected results: All other browsers tested keep the drop down list open when the css change had no material effect on the container
Hi Martin, Can you provide a complete, self-contained, minimal testcase here? Please also mention the Firefox version on which this issue occurs. Thanks!
Flags: needinfo?(martin)
Simple test code below. Version is 62.0.3 (64-bit) on Windows 10 Home fully updated. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <div id="test" style="width:600px;height:500px;background-color: #B13C3E"> <form action="#" method="post"> <select name="os0"> <option value="option 1">option 1</option> <option value="option 2">option 2</option> <option value="option 3">option 3</option> <option value="option 4">option 4</option> <option value="option 5">option 5</option> <option value="option 6">option 6</option> </select> <input type="submit"> </form> </div> <script> var myVar = setInterval(myTimer, 1000); function myTimer() { var d = new Date(); var x=document.getElementById("test").style.overflow; if ((x=='visible') || (x=='')) {document.getElementById("test").style.overflow = 'auto';} else {document.getElementById("test").style.overflow = '';} console.log(d);console.log(x); } </script> </body> </html>
Flags: needinfo?(martin)
Reproduced the issue using the test code above on the latest Firefox Nightly 64.0a1 (2018-10-17), Firefox Beta 63.0 and Firefox Release 62.0.3. Setting a component in order to involve the development team to review this issue. Thank you for the report and testcase!
Status: UNCONFIRMED → NEW
Component: Untriaged → Layout
Ever confirmed: true
Product: Firefox → Core
Status: NEW → RESOLVED
Closed: 6 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.