Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tab resets when changing viewports #1752

Closed
JohnPixle opened this issue Jul 4, 2023 · 4 comments · Fixed by #1801
Closed

Tab resets when changing viewports #1752

JohnPixle opened this issue Jul 4, 2023 · 4 comments · Fixed by #1801
Assignees
Labels
bug This label could be used to identify issues that are caused by a defect in the product. medium (1d) - This label is used for issues that can be completed within 1 day or less. released Indicate that an issue has been resolved and released in a particular version of the product.
Milestone

Comments

@JohnPixle
Copy link
Contributor

Hey team, while working on the latest starter site I came across a weird issue which is very annoying and breaks the momentum.

When attempting to change the value for a different viewport, the style tab changes, and I need to navigate my way back to the specific control. I created a quick video to showcase what really happens.

This behaviour applies on every control.

Thanks for your time and attention!

https://www.loom.com/share/1ac28d00da6449da8f957a519d211dd5?sid=5689a965-af99-41fe-83b4-25dbd2caeb31

@JohnPixle JohnPixle added the bug This label could be used to identify issues that are caused by a defect in the product. label Jul 4, 2023
@Soare-Robert-Daniel
Copy link
Contributor

This is happening because everything is destroyed and reinitialized when you transition from Desktop to Tablet/Mobile. If you go from Tablet to Mobile or vice versa, you will see that this effect does not happen since it is just a window resize.

This is a Gutenberg quirk.

@JohnPixle
Copy link
Contributor Author

Hey! I understand why it happens and that it might be GB related, but it really turns the workflow into a very inefficient experience. I have had a hard time building the latest starter site with Otter needing to make all the responsive adjustments.

Anything we could do at our end? We can't really leave this as it is 🤔 .

@Soare-Robert-Daniel
Copy link
Contributor

I think I have a solution similar to the trick that we did with CSS for FSE.

CC: @HardeepAsrani

@Soare-Robert-Daniel Soare-Robert-Daniel added the medium (1d) - This label is used for issues that can be completed within 1 day or less. label Aug 7, 2023
@pirate-bot
Copy link
Contributor

🎉 This issue has been resolved in version 2.3.4 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@HardeepAsrani HardeepAsrani added this to the 2.3.4 milestone Aug 23, 2023
@pirate-bot pirate-bot added the released Indicate that an issue has been resolved and released in a particular version of the product. label Aug 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug This label could be used to identify issues that are caused by a defect in the product. medium (1d) - This label is used for issues that can be completed within 1 day or less. released Indicate that an issue has been resolved and released in a particular version of the product.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants