1375817 - SVG foreignObject select option regression with e10s

Status: RESOLVED WORKSFORME

(Core :: SVG, defect, P3)

Description

[Alexandre Alapetite]

Attachment: 2017-06-23-foreignObject-select.svg

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0
Build ID: 20170608105825

Steps to reproduce:

Make a minimal SVG page with a foreignObject containing an HTML select menu with a couple of options. Then try to use the select menu.
Example: https://alexandre.alapetite.fr/divers/vrac/2017-06-23-foreignObject-select.svg


Actual results:

In Firefox Nightly 2017-06-23 and Firefox 54, when e10s is enabled, nothing happens when clicking on the select menu (no option appears).

Screenshot with e10s enabled:
https://alexandre.alapetite.fr/divers/vrac/2017-06-23-foreignObject-select-no-e10s.png

According to a discussion on IRC, there are also errors in a console
http://logs.glob.uno/?c=mozilla%23e10s&s=23+Jun+2017&e=23+Jun+2017

TypeError: dummyOption.style is undefined SelectContentHelper.jsm:203:5
TypeError: this._updateTimer is undefined SelectContentHelper.jsm:98:5

The component seems to be "Layout: Form Controls".


Expected results:

The select menu options should be shown when clicking on the menu.
Here is a screenshot from Firefox 54 with e10s disabled:
https://alexandre.alapetite.fr/divers/vrac/2017-06-23-foreignObject-select-with-e10s.png
(Yes, the rendering was bad in Firefox without e10s, but at least the options were shown).
The example works fine in Chrome and Edge.

Comment 1

[Alexandre Alapetite]

(In reply to Alexandre Alapetite from comment #0)

I erroneously swapped the screenshots in the description. Here is the correct description:

* With e10s: regression, no option shown
https://alexandre.alapetite.fr/divers/vrac/2017-06-23-foreignObject-select-with-e10s.png

* Without e10s: options shown more or less as expected (although with bad layout)
https://alexandre.alapetite.fr/divers/vrac/2017-06-23-foreignObject-select-no-e10s.png

Comment 2

[Brad Bell]

I am getting a similar behaviour with XML files using 32 bit Firefox 54.0.1 on Windows. When I try to select a drop down menu. I have put an example in the directory
    http://www.seanet.com/~bradbell/drop_down/
If one opens the Browser Console, the following appears when one selects a drop down menu:

TypeError: dummyOption.style is undefined  SelectContentHelper.jsm:163:5
TypeError: this._updateTimer is undefined  SelectContentHelper.jsm:91:5

As it mentions on the web page, this works for similar HTML files and for older versions of Firefox.

Comment 3

[Brad Bell]

(In reply to Brad Bell from comment #2)
I simplified the XML example; see
   http://www.seanet.com/~bradbell/drop_down/one.xml
In addition, I created a bug report under a different title 
    xml javascript select not working
so people realize that this may not be connected to SVG; see
   https://bugzilla.mozilla.org/show_bug.cgi?id=1381241
This other bug report includes a share attachment that will create XML and HTML
files that demonstrate the problem.

Comment 4

[Jet Villegas (inactive)]

I can reproduce the bug on Firefox 55 but not 57.

Comment 5

[Brad Bell]

I have verified that, using 32 bit Firefox 56, on Windows 10 my example the drop down menus work.

Thanks.