Visual error on "Wireguard - Install server" page.

Question

rdwebdesign opened this issue 2 years ago · 9 comments

The sticky footer is not "sticking" to screen bottom.

Error on console:

Uncaught ReferenceError: Missing element: expected ".tabbed-labels" to be present

Answer 1 · 2022-08-08T02:06:14.000Z

I created a quick fix (#759) for this error.
The current visual is almost the same as the original, but without the broken footer.

Note:
Since we have only 2 items, list items are a good/readable option.
If the tabs are really needed, we can find a solution later.

Answer 2 · 2022-08-08T02:11:39.000Z

Note2:

Possible solution using tabs is add the alternate_style option to the config (not tested):

  - pymdownx.tabbed:
      alternate_style: true

Answer 3 · 2022-08-08T06:28:10.000Z

Interesting, I get the same console error but no visible bug on Chrome an FF (both on linux)

Answer 4 · 2022-08-08T18:22:59.000Z

Did you scroll the page to the bottom?
When I scroll all the way down, the footer scrolls with the text.

Answer 5 · 2022-08-08T19:18:16.000Z

Did you scroll the page to the bottom?

I did. It stays where it should stay

Answer 6 · 2022-08-08T19:29:59.000Z

I tested using Chrome and Edge.
In this case, the footer doesn't scroll up, but the menu is overlapping the footer.

The problem is better visualized using the dark theme.

Anyway, the tabs are not shown as tabs in any browser.

I change my approach and fixed the error. Now the tabs are really tabs.

Answer 7 · 2022-08-08T19:33:21.000Z

Answer 8 · 2022-08-08T19:38:26.000Z

Your screen is large enough to show the menu completely expanded, above the footer.

If you try it using a smaller window (with reduced height), you will probably see the same errors.

Answer 9 · 2022-08-08T19:44:54.000Z

Ok, I can see it now.