[wp-trac] [WordPress Trac] #35977: WP Emojis & IE 11 & Youtube subtitle broken

[WordPress Trac]

#35977: WP Emojis & IE 11 & Youtube subtitle broken
-----------------------------------------+------------------------------
 Reporter:  bufny                        |       Owner:
     Type:  defect (bug)                 |      Status:  new
 Priority:  normal                       |   Milestone:  Awaiting Review
Component:  Emoji                        |     Version:  4.4.2
 Severity:  normal                       |  Resolution:
 Keywords:  has-screenshots needs-patch  |     Focuses:  ui, javascript
-----------------------------------------+------------------------------
Changes (by afercia):

 * keywords:   => has-screenshots needs-patch
 * focuses:   => ui, javascript


Comment:

 I've managed to reproduce the issue, see screenshots below. Looks like
 Youtube captions work differently for IE, basically each caption row is in
 a new element that gets injected in the DOM while for other browsers they
 just update the content of a div. Not sure if `MutationObserver` is
 supposed to look also at changes within an iframe, but looks like IE 11 is
 doing that. For a quick check, I've tried to change `observe()` option
 `subtree` to false and the bug disappeared. cc @pento :)

 WordPress embed:

 [[Image(https://cldup.com/fmQgtmI5Dd.jpg)]]

 Youtube embed code:

 [[Image(https://cldup.com/D52N5dUF-R.jpg)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/35977#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform