[wp-trac] [WordPress Trac] #58475: Twenty Twenty-Three: Aubergine variation's background implementation causes any block that impacts page height to impact header

Wed Jun 7 20:52:30 UTC 2023

#58475: Twenty Twenty-Three: Aubergine variation's background implementation causes
any block that impacts page height to impact header
---------------------------+------------------------------
 Reporter:  annezazu       |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  low            |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  css
---------------------------+------------------------------
Description changed by sabernhardt:

Old description:

> Originally reported here and moving over: GB51248
>
> This variation does the following for the background:
>
> {{{
> linear-gradient(180deg, var(--wp--preset--color--base) 0 min(24rem, 10%),
> var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--
> base) 100%)
> }}}
>
> As Justin notes, in particular, the `min(24rem, 10%)` is essentially
> saying to use the lower value (either `24rem` or `10%`). On pages with
> little content, it is pretty much guaranteed to be 10% of the `<body>`
> height.
>
> As a result, any block that can change the page height will run into
> issues.

New description:

 Originally reported here and moving over:
 [https://github.com/WordPress/gutenberg/issues/51248 GB51248]

 This variation does the following for the background:

 {{{
 linear-gradient(180deg, var(--wp--preset--color--base) 0 min(24rem, 10%),
 var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base)
 100%)
 }}}

 As Justin notes, in particular, the `min(24rem, 10%)` is essentially
 saying to use the lower value (either `24rem` or `10%`). On pages with
 little content, it is pretty much guaranteed to be 10% of the `<body>`
 height.

 As a result, any block that can change the page height will run into
 issues.

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/58475#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform