Bug in Native Mobile buttons

0
I had the weirdest bug for a while.I have buttons in a Native Mobile app. Any text where the text is at least 2 words long and starts with an upper case "A", the last word is not showing on the button. Can somebody please explain, is "A" some sort of reserved character? (Completely stupid if it is).
asked
1 answers
0

This is not related to “A” being a reserved character. What you are seeing is a known rendering issue in Native Mobile buttons, usually caused by text handling or styling.


In native, button text is rendered differently (React Native under the hood), and certain combinations of text + styling (like uppercase, spacing, or wrapping) can cause part of the text to be clipped or not rendered.


The fact that it happens with multiple words and starts with “A” is most likely coincidental. It is more about how the text is being measured and rendered inside the button.


I would check the button styling first. Things like:

  • fixed height
  • line height
  • padding
  • or text transform (uppercase)


can cause text to be cut off.


Also try:

  • disabling any custom styling on the button
  • testing with shorter/longer text
  • checking if the issue disappears with default Atlas styling


If it works with default styles, then the issue is definitely related to your custom CSS/styling.


If not, it may be a Native bug, and in that case upgrading Mendix Studio Pro and Native Mobile dependencies (like React Native version used by Mendix) can help.


So in short, this is a rendering/styling issue in Native, not a reserved character problem.


If this resolves your issue, please mark it as accepted.


answered