This issue exists since forms were introduced.
For demonstration purpose i uploaded screenshots of my custom modal forms.
As you may be able to tell,
the form content text "xenialdan" is the most left (3px off)
buttons with images are 2px off
If the form has no content-text (like image-2018-01-23-18-50-21-577.png ), and the element after it has a text/name, this text is too close to the border. This is due to the scrollable content area having incorrect padding from the border
Dropdown boxes appear partly rendered outside the UI and with that some options are not clickable.
The font in Modal forms is rendered way too small, as if someone uses a special (unicode) character in the chat (like €)
Text that is too long for buttons is rendered outside the buttons
~Also, you can not properly navigate through the elements using the tab key nor the arrow keys~ (Has been partially resolved nowadays, as long as you focus on an element)
Attachments
Comments 5
Cleaning up old tickets: This ticket has not been updated recently (~7 months+) so is being closed as Cannot Reproduce. If you feel this is still a valid issue and is affecting the most recent versions, then please comment, or create a new ticket following the Issue Guidelines.
Quick Links:
📓 Issue Guidelines – 💬 Mojang Support – 📧 Suggestions – 📖 Minecraft Wiki
1.18 is around the corner and all these issues are still unaddressed. Now that servers started creating their own UIs this is not relevant for most partners anymore (except galaxite broken ui TM), any other server in existence is still affected
The images on the buttons are also not clickable. The hitbox of some elements are not as big as the element itself. (The close button has been patched at least.)
Modifying the UI to patch it brings up new issues: Elements like labels on buttons suddenly stop rendering, images completely disappearing, scolling containers scrolling further than they should, or not as far as intended, rendering parts invisible.
— as now the text inside the buttons get cut off????
Featured servers like Hive "resolve" this by making the whole UI a bit wider. Not a pretty solution if you ask me, the screen ratio for forms (i.e. on mobile devices or high res screens) is just wasteful and crammed anyways.
Changes that should be done besides the incorrect offsets:
Give UIs more screen space
Make dropdown fields show more than 2.5 entries when clicked (mobile scroll on high res / small gui is terrible)
Remove automatic text cropping or at least add automatic line break or extend the length of the shown string by some symbols
On PC with mouse & keyboard as input device, do not require the user to activate / "click" elements twice in order to enable selection/text input/arrow keys or tab key navigation
The issue got worse now, as now the text inside the buttons get cut off instead of allowing a second line, breaking alot of server-side creations, as the server selector in the image
[media]As seen in the next image for example (the "...")
[media]