WordPress' theme "Twenty Twenty-One" display wrong

For support with specific websites

Moderator: trava90

Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.

Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
  1. Clear any current output
  2. Navigate or refresh the page in question
  3. Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
abell1835

WordPress' theme "Twenty Twenty-One" display wrong

Unread post by abell1835 » 2021-03-23, 09:40

"Twenty Twenty-One" theme demo: https://themes.getmotopress.com/2021/
WordPress' theme "Twenty Twenty-One" display full-screen width without margin on Pale Moon 29.1.0 (64-bit) portable on Windows 10
Displaying wrong without margin on Pale Moon:
https://i.imgur.com/Zx6hp3R.jpg

Displaying correctly with margin on Firefox 86.0.1:
https://i.imgur.com/5Wzqrcx.jpg

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 35602
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

Re: WordPress' theme "Twenty Twenty-One" display wrong

Unread post by Moonchild » 2021-03-23, 10:13

A quick bisection shows me the following range:
https://hg.mozilla.org/mozilla-central/ ... 53b796a55f

The likely issue is that the theme wants to use CSS variable calculations with min(), max() and/or clamp() -- unimplemented functions there means the resulting value will be 0, so the margin ends up being 0.
Patches welcome to add those math functions to our css variable handling.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

Locked