Change Details

**List of steps to reproduce** (step by step, including full links if applicable): * Visit https://www.mediawiki.org/wiki/Extension:TimedMediaHandler/VideoJS_Player#Usage in private browsing mode * See if new <figure> thumb syntax is enabled for you * See CC and runtime labels really wide: {F35009199} **What should have happened instead?**: `figure[typeof~="…"]` CSS needs fixing to stop triggering on random elements inside a `<figure>`. This is why CSS authors use classes, and why the old thumb layout actually used classes. Please just use classes instead, or even `data` attributes if this is some unexplainable author preference. Audio player too wide: {F35013980} This is because the thumb spacing styling has moved onto the 'thumb image' class (the border is now on the content, instead of on the wrapper of the contents. Here too, after the content replacement for the JS player, the <audio> element is wrapped inside the span, but the span has a fixed size, which is expecting the dimensions without the padding and the border. Gallery captions overflow: {F35013988} https://www.mediawiki.org/wiki/Extension:TimedMediaHandler/Tests/Gallery?useskin=vector https://en.wikipedia.org/wiki/User:TheDJ/sandbox_gallery?useskin=vector Caused by {T51097} (I don’t know exact project for this work, sorry, so I chose Parsoid for simplicity)

**List of steps to reproduce** (step by step, including full links if applicable): * Visit https://www.mediawiki.org/wiki/Extension:TimedMediaHandler/VideoJS_Player#Usage in private browsing mode * See if new <figure> thumb syntax is enabled for you * See CC and runtime labels really wide: {F35009199} **What should have happened instead?**: `figure[typeof~="…"]` CSS needs fixing to stop triggering on random elements inside a `<figure>`. This is why CSS authors use classes, and why the old thumb layout actually used classes. Please just use classes instead, or even `data` attributes if this is some unexplainable author preference. **Audio player too wide:** {F35013980} This is because the thumb spacing styling has moved onto the 'thumb image' class (the border is now on the content, instead of on the wrapper of the contents. Here too, after the content replacement for the JS player, the <audio> element is wrapped inside the span, but the span has a fixed size, which is expecting the dimensions without the padding and the border. **Gallery captions overflow:** {F35013988} https://www.mediawiki.org/wiki/Extension:TimedMediaHandler/Tests/Gallery?useskin=vector https://en.wikipedia.org/wiki/User:TheDJ/sandbox_gallery?useskin=vector Caused by {T51097} (I don’t know exact project for this work, sorry, so I chose Parsoid for simplicity)

**List of steps to reproduce** (step by step, including full links if applicable): * Visit https://www.mediawiki.org/wiki/Extension:TimedMediaHandler/VideoJS_Player#Usage in private browsing mode * See if new <figure> thumb syntax is enabled for you * See CC and runtime labels really wide: {F35009199} **What should have happened instead?**: `figure[typeof~="…"]` CSS needs fixing to stop triggering on random elements inside a `<figure>`. This is why CSS authors use classes, and why the old thumb layout actually used classes. Please just use classes instead, or even `data` attributes if this is some unexplainable author preference. **Audio player too wide:** {F35013980} This is because the thumb spacing styling has moved onto the 'thumb image' class (the border is now on the content, instead of on the wrapper of the contents. Here too, after the content replacement for the JS player, the <audio> element is wrapped inside the span, but the span has a fixed size, which is expecting the dimensions without the padding and the border. **Gallery captions overflow:** {F35013988} https://www.mediawiki.org/wiki/Extension:TimedMediaHandler/Tests/Gallery?useskin=vector https://en.wikipedia.org/wiki/User:TheDJ/sandbox_gallery?useskin=vector Caused by {T51097} (I don’t know exact project for this work, sorry, so I chose Parsoid for simplicity)