Weird behaviour of UI element with row direction

Unity Engine
, , , , ,
1

Hello,
I recently noticed a weird behavior of controls when using a flex direction row.
The setup is as follows:
image

#container {
    align-items: center;
}

#control {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 40px;
    padding-right: 24px;
    padding-left: 24px;
    background-color: rgb(255, 255, 255);
}

I expect the text of the label in the container to be centered, but instead it’s weirdly shifted to the right:
image
What is going on here and why it’s happening? If i remove the min-width property, everything works as expected. Same for padding, removing that fixes everything. So this appears to be some kind of bug.

Thanks.

2

Hi @ANTONBORODA,

This effectively seems like a bug, are you able to report it using:

Help / Report a bug ?

Thanks,

Nicola