Dependent field dropdown/select behaves differently in Internet Explorer [#3007124]

I believe this issue is limited to Internet Explorer (IE11). I haven't experienced this in other tested browsers Chrome/FF.

Repeatable: Always
Steps to repeat:
1. Set up Dependent Fields as described in this article: https://www.drupal.org/docs/8/modules/business-rules/advanced-usage/depe.... In my case, my parent and dependent fields are on the User account at /admin/config/people/accounts/fields.
3. Add a user at /admin/people/create, and select a value for the parent field.

Expected Results:
Dependent fields display dropdown/select options based on the parent field value.

Actual Results:
In Internet Explorer only, dropdown/selects are blank, with no options available to select. There are no errors in the browser, Watchdog, or Apache.

The site I'm building is for an organization that uses IE exclusively. Wondering if anyone else has experienced this issue or has any thoughts or direction for further troubleshooting.

Comment	File	Size	Author
#6	3007124-6-ie-dropdown-fix.patch	531 bytes	chertzog
#3	business_rules_dropdown_iefix.patch	493 bytes	_andrew

Comments

Comment #1

16 October 2018 at 17:15

kdomenick created an issue. See original summary.

Comment #2

kdomenick commented 23 October 2018 at 16:33

We were able to find a workaround for this, and I wanted to share. From researching, this issue is a Javascript issues with how IE handles event creation. So, this line of code does not work in versions of IE, but does work in most other browsers:

var event = new Event('change');

In the file business_rules/js/update-options-command.js, I replaced that one line of code with this block:

if(typeof(Event) === 'function') {
  var event = new Event('change');
}else{
  var event = document.createEvent('Event');
  event.initEvent('change', true, true);
}

Tested in IE 11, and dropdowns are now functioning as expected.

Comment #3

_andrew commented 4 June 2019 at 21:00

Status	File	Size
new	business_rules_dropdown_iefix.patch	493 bytes

I can confirm that with the current version of business_rules (8.x-1.0-beta7) we have this same issue with IE11 (the module is essentially broken with that browser). This JS change cleanly applies via a patch (attached to this comment).