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

Wed Jun 7 20:28:10 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
---------------------------+------------------------------
Changes (by sabernhardt):

 * focuses:   => css

Old description:

> Originally reported here and moving over:
> https://github.com/WordPress/gutenberg/issues/51248 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: 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:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform