Open mbark opened 4 years ago
I tested this locally in IE 11, and can also confirm that it is, indeed, a bug that causes a runtime exception.
It comes down to this code resulting in undefined.
var currentEventNode = ( stopPropagation && event.stopPropagation(), (tag == 2 ? value.b : tag == 3 && value.preventDefault) && event.preventDefault(), eventNode );
@mbark
Hi, thank you for your contribution. This bug happens in our product. We found a span [] []
also works well instead of text ""
.
Using
Html.map
for aview
that conditionally renderstext ""
or some content with event listeners crashes in IE11 with the error below.This is not one of the problems mentioned in #105 I think, although it might be related to #101.
SSCE
I've created an example project. To reproduce:
elm make src/Main.elm
;index.html
in IE11;This will trigger the error in the console and the
onClick
event won't be triggered.Details
text ""
at the first render (i.e. settingmapped = True
in theinit
function in the example won't trigger the error).Motivation
The reason we run into this problem is that we have want to conditionally render modals and we want to render these as high up in the DOM as possible to avoid stacking context problems. So do do this we have two view functions, one which renders whatever content is on the page and one for the modal which is conditionally rendered.
Workaround
The problem is very easy to work around, just return a
div [] []
instead oftext ""
, which is what we have done for now.