Closed Bug 1499001 Opened 6 years ago Closed 6 years ago

setting css 'overflow' to auto closes active select lists

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Version:
64 Branch
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1440506
Tracking Flags:
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
status-firefox62: --- → affected
status-firefox63: --- → affected
status-firefox64: --- → affected
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.