Display issues from applied inline style on Rehike (custom frontend)
Usually I don't report issues like this, but SponsorBlock seems to support Project VORAPIS (V3), so I think it's worth it. Rehike is my own alternative to V3; it is a custom frontend server for YouTube based on archives of the old "Hitchhiker" web frontend used from 2012 to 2020.
SponsorBlock forces the application of the style display: flex to the video title container #watch7-headline. This element may contain other elements other than the video title itself, such as hashtags. In such cases, the layout will be broken.
| Original | SponsorBlock |
|---|---|
I implemented a mitigation for this in Rehike by setting an important rule to negate this inline style applied by SponsorBlock, however this can conflict with custom CSS, so I don't consider it a perfect solution, and a fix on your end would be appreciated.
As far as I can tell from peeking at the SponsorBlock source code, the rule is intended for an experiment under the current, official web frontend where video information is displayed on the right side: https://github.com/ajayyy/SponsorBlock/blob/60c4a0507c0d018b57079b6d28c182299c7e3ed8/src/render/CategoryPill.tsx#L100-L102
Rehike can be reliably detected by making sure this CSS query path resolves to a valid element:
body > #body-container > #page-container > #page > #content
The current official web frontend, Kevlar/Polymer, on the other hand, has a ytd-app element directly underneath the body.