[wp-trac] [WordPress Trac] #41850: Customize: Prevent panel sticky headers when scrolling if description is expanded

[WordPress Trac]

#41850: Customize: Prevent panel sticky headers when scrolling if description is
expanded
--------------------------+------------------
 Reporter:  westonruter   |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  4.9
Component:  Customize     |     Version:  4.7
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:
--------------------------+------------------
Description changed by westonruter:

Old description:

> When a section's description text is expandable and is included in the
> panel header area, it then becomes part of the area that is sticky when
> the panel is scrolled (per #34343). However, when the description is
> expanded and the user scrolls back up it can cause the header to jump
> unexpectedly:
>
> See demonstration of issue: https://youtu.be/TlgnUpo_8cQ
>
> The issue is more pronounced when the description text is longer, as will
> be the case in 4.9 for Custom CSS: https://github.com/WordPress/better-
> code-editing/pull/84

New description:

 When a section's description text is expandable and is included in the
 panel header area, it then becomes part of the area that is sticky when
 the panel is scrolled (per #34343). However, when the description is
 expanded and the user scrolls back up it can cause the header to jump
 unexpectedly:

 See demonstration of issue: https://youtu.be/TlgnUpo_8cQ

 The issue is more pronounced when the description text is longer, as will
 be the case in 4.9 for Custom CSS: https://github.com/WordPress/better-
 code-editing/pull/84

 And from @melchoyce in duplicate #41879:

 > When I was testing the Additional CSS panel in trunk, I noticed that
 clicking into the textarea moves my whole screen down, which I found
 surprising and kind of alarming. Then, when I try to scroll back up to
 read, it snaps back up instead of naturally scrolling, which felt even
 more alarming. We should not make any sort of scroll/movement assumptions
 here.
 >
 > Video: https://cloudup.com/cvJbKNaZ6yg

--

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