Post Editor :: Responsive Switcher Behaves Strangely.

[mdtanjid0]

Quick summary

While checking the post with the responsive switcher (desktop, tablet, phone), it behaves strangely with the Edge version while it works well with the non-Edge version. No console error is found.

I have recorded a video to demonstrate the difference between the Edge and non-Edge versions:

https://github.com/Automattic/wp-calypso/assets/54123436/598a22c0-c059-45ac-b7fa-49a2661ed561

Steps to reproduce

1. Edit a post.
2. And check the responsive view switcher. 3.And compare that with a non-edge version.

What you expected to happen

It should work smoothly and the dropdown menu should stay open.,

What actually happened

It doesn't work smoothly, and the dropdown menu closes while switching.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple

Logs or notes

Tested with a simple site.

[mrfoxtalbot]

Thank you, I can confirm what you describe on a dotcom simple site with the "Edge" sticker active. The preview is "jumpy".

https://github.com/Automattic/wp-calypso/assets/4452464/6628aaa1-c0f6-45ea-a5f2-66d90507f0ab

For reference, this is what it looks like in Core 6.5.5 + 18.7.1 AND in 6.6 RC2

https://github.com/Automattic/wp-calypso/assets/4452464/8389ae10-dcb3-40ce-bebd-b625c4a017a1

It clearly seems to be dotcom-specifc.