And I noticed that the options popup for my dropdown was not scaling to the width of my dropdown itself in the page. So if the client device was smaller, the options will trail off the side of the page with the width that my view is defined in the designer
This popup is set to scale with view width, so even if I make sure to open it up fresh after I simulate the smaller screen, you can see that it does the same thing. However I recognize the screen size changing is not reflective of a real world scenario, but at least when I trigger the popup from a smaller screen directly the popup options should not exceed the viewable width of the dropdown itself.
So I know that if this was just an issue of the an embedded view I would set it to be able to shrink, and all of the components inside. However because I am inside the popup I am not sure how I would tell the root container that it is allowed to shrink width wise?
Currently its a flex container with very stretch friendly settings on it, not sure how this gets handled whenever the popup is wrapping the view
Because this is a flex container set to column, they all have shrink set to 1 already, but they are shrinking vertically.
The issue I am having is that the root container is not shrinking with the size of the popup, not the components inside of it. If I resize the view inside the designer than all works as expected, its just when it is in a popup smaller than the default width