Selection Size for a Modal Trigger

Elements Feedback
1

@dan When I create a modal that uses a button as a trigger I try to select that button to control its placement. The selection extends to the full size of the container the trigger is in, which means I cannot position the trigger in the normal way, it is stuck in the center. See below.

CleanShot 2025-05-19 at 06.12.47@2x
CleanShot 2025-05-19 at 06.12.47@2x2050×116 5.8 KB

Is this the expected behavior? I would think the selection should be the size of the trigger ( button in this case). This has caused me all kinds of consternation as I could not position the trigger as I wanted.

This reminds me of a similar problem I had with selecting SVG components.

2

Try placing a container into the modal trigger first… does that solve it for you?

3

@dan I already have a container inside the modal so that does not solve the problem. In fact, I have a bunch of content inside it and it is fully functional. I just can’t do any placement of the trigger due to the selection size.

4

not sure this helps, or if I understand correctly, I placed in 2 flexs, although agree this should be the correct size by default?

5

I’ll have to give that a try. I did try using a single flex but not two, thanks for the heads up.

Although I still think this is in need of fixing.

6

Agree should be auto, if you set the flex to full you can use start and end etc and apply padding

7

@upssjw Aloha Steve, that is exactly what I did and it works just fine allowing me to fix the jury rig I was using to get around the problem. Mahalo!

1 Like