Layout shift on displays in views page

Not able to reproduce the issue. I have added screenshots for reference.
Can you please add more details

Believe I can see the issue when the page refreshes. On the "Page" tab. Some weird janky shift.

What @smustgrave spotted in #8 should probably be addressed - there is a momentary flash of the no-javascript buttons before they are processed into the familiar Views UI. These should probably just be hidden and exposed with a no-js stylesheet. Claro is already adding one here so you can build from that.

The gif in the original issue summary looks like there are additional JavaScript errors as that gif shows clicking the "Add" button reloads the page. If JS is executing properly, that should not happen as the click event is prevented. If there is a JS error, however, the event handler that does this might not be getting added

Thanks @bnjmnm for the suggestions. I have added the the no-script css and attached screen capture for reference

Hi
I've tested MR !8082 on Drupal 11
MR is applied successfully...

The View Page is loading smoothly, without shifting the layout

RTBC+1

Adding recording for reference

Keeping "needs review" for more reviews and code verification

Issue summary is still incomplete. Proposed solution is blank and should be filled in.

As a UI change there should be a before/after screenshot or gif in this case if possible.

Tested out the solution and appears to not be there anymore. Not going to upload another set of screenshots :)

few minor things

Added some additional comments.

See MR

Rebased and also marking it needs review as all the feedbacks seems to be addressed.

Verified changes to MR still address the "shift" when reloading a view page. Believe all feedback has been addressed.

Believe comment is better now, going to take the risk and mark it

nod_ → closed merge request !8082

Committed e700aa8 and pushed to 11.x. Thanks!

Automatically closed - issue fixed for 2 weeks with no activity.