Websites where Tally breaks

[omundy]

Add comments below with screenshots...

[omundy]

• [x] Polygon Tally body disappears https://www.polygon.com/2019/5/23/18637556/anti-loot-box-bill-microtransaction-ban-legal-analysis-esa

[omundy]

• [x] The Verge Tally body disappears https://www.theverge.com/2019/6/7/18654475/black-mirror-review-season-5-striking-vipers-netflix-anthony-mackie-virtual-reality-charlie-brooker

[omundy]

• [x] ATT body is shifted slightly https://www.att.com

[omundy]

• [x] Body is weird https://www.tabacka.sk/

• [x] Also, something weird happens to cookies

[owkeefer]

Tally disappears and the landscape scales incorrectly (firefox): https://www.draysbay.com/

[omundy]

Facebook ads a weird character (a circle?) to the blinking cursor in the BattleConsole (not visible) https://www.facebook.com/sneakawaystudio/notifications/

[omundy]

Instagram battle console

[omundy]

Wunderground

[omundy]

Etsy

[omundy]

https://jigsaw.w3.org/css-validator/validator?uri=tallysavestheinternet.com&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en

[jdietrick]

https://www.swissted.com/products/talking-heads-with-blondie-and-the-heartbreakers-1975

[omundy]

https://www.raywenderlich.com/5315-introduction-to-unity-timeline

[jdietrick]

Do you want me to review this today?

[ZingBlue]

Using HTMLElement and it subclasses (such as HTMLSpanElement), we can replace the HTML elements with custom elements the website's CSS will not overwrite. For example, we could create a custom "t-div" extending HTMLElement that would replace the existing div tags in Tally. Owen suggested doing this in a manner similar to how consumable.js currently loads cookies (See the create() function and its neighbors).

We can either create a script for each custom element, or have one large script file containing several classes. Either way, both would be stored in the content directory.

Notes:

1. MDN article demonstrating the use of custom elements.
2. MDN Page showing a bunch of Web APIs, including all the HTMLElement subclasses. Search "Element" via ctrl+f to easily find the HTMLElements.
3. It should also be noted some classes (such as SVGElement) Do not directly inherit from HTMLElement (opting to inherit from Element directly instead).