I found that the primary tl-footer problem happens when it is placed outside of the
tag.
(There is another footer problem where it hovers when it should not.)
Gifmbutton has the tl-footer inside of by default but when the window is resized it gets yanked out and placed outside of .
Magpie has the tl-footer outside of the by default and it starts with the broken design.
There are three bugs observed here:
- Some projects have
<tl-footer> inside of <main> but some do not. Those that do not have a renderring issue.
- When the window gets resized, the
<tl-footer> gets yanked out of <main> and placed under <html>. This results in the same problem as is seen in (1).
- Under some circumstances the footer ends up always hovering, even when it is above content. (Its not really a footer anymore.)
Should be applied to each UI repository using components.