Text field is Not Responsive in Floating Group

[Thimo]

I have come across this problem in multiple apps I have build. When you are displaying text data from the database in a text field inside a floating group, the text field loses it’s responsiveness. This makes the text field unusable because the end user sees a text that is cut of.

The responsiveness of all the other elements (groups etc.) is just working fine.

This is the problem I am talking about:

These are the settings of the text and parent group in the responsive editor:

I hope someone can help me out!

[neerja]

@Thimo As long as the minimum width in px is less than that of the floating group, try matching fixed margin alignment. So center-aligned for both text and floating group.

[Thimo]

Hi, I think I found the cause: I use css to make the floating group scrollable in the Y direction. But I found that my code not only makes the floating group scrollable in the Y but als in the X direction.

This is the code I use in a HTML element (float is the element id):

<style>
* {outline: none !important;}

#float{
  overflow-y: scroll;
  white-space: nowrap;

  #inner {
    display: inline-block;
  }

}

#inner   {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

</style>

Do you maybe have a suggestion to fix this bug in my code?

Thanks,
Thimo