search

carbon-design-system / carbon-platform

The "next" version of the Carbon Design System website, as a platform.
https://next.carbondesignsystem.com
Apache License 2.0
21 stars 5 forks source link

Components with State reset at small breakpoint #695

Open francinelucca opened 2 years ago

francinelucca commented 2 years ago

Browser

Chrome

Description

When resizing the browser window from sm -> any dimension or any dimension -> sm, the components that manage state get reset to default value

Note: this does not pertain to useQueryState

Steps to reproduce

Example:

Go to /mdx/icons or /mdx/pictograms page and write a query, resize browser all the way down to small. Notice the query disappears, this is because the component is resetting itself

francinelucca commented 2 years ago

This might have something to do with the layout and how we're putting all of the app render logic inside a render function props passed onto HeaderContainer; we tried taking it out of the HeaderContainer and the state issue does not happen but the styles are broken

mattrosno commented 2 years ago

Hey team! Please add your planning poker estimate with ZenHub @alisonjoseph @andreancardona @francinelucca @jdharvey-ibm

mattrosno commented 2 years ago

Let's look at https://web-app-prototype.j73b4w218e4.us-south.codeengine.appdomain.cloud to see if the problem exists here too (the prototype has a bunch of layout changes.)