MCPE-30475Inaccurate positioning in Custom UI's/forms
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)
Created Issue:
Inaccurate positioning in Custom UI's/forms
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
), 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
Attachments6
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
- 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
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
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
![[Mojang] Mega_Spud (Jay Wells)](../../../data/avatars/users/92696.png){kind=small}
![[MCPE Mod] Auldrick](../../../data/avatars/users/10122.svg){kind=small}
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
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)
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
As seen in the next image for example (the "...")
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:
Affects 1.19.21