You’re offline. This is a read only version of the page.
2,538
I have an issue in one of our apps where the text in a text input box is not showing up. The app is a work hour entry app and the particular place this issue is showing up is when users try to edit time they previously entered. When they show the entry form, which is a hidden form that pops up over the viewing area, the previously entered time appears to be blank. On further inspection, it is actually hidden in the right hand side of the input box and can be shown by using a click/drag of the mouse and pulling the area until the text is viewable or by resizing the text input box. Once this has been done, the entries stay where they were until the app is closed and reopened. I attached some pictures to help illustrate the point.
Anyone have suggestions on why this is happening? The text input is aligned to center. Changing alignment only puts the text on the far end of the selected spectrum but still has the same oversized area where the text doesn't show up until click/dragged.
Text input in web studio appears as expected.
Text input when app is launched looks blank.
Resizing the text input box from 80 to 200 reveals the "centered" text in the app.
We don't use apps in browser, so it was in the Windows app. If memory serves, I am pretty sure it was happening in iOS and Android too.
*Edit: As you can probably tell from the original date of this thread, this was an issue a while back for me and I just applied my "fix" and moved on. I haven't do anything recently where this has come up again.
So I decided to try an easy solution: I set the alignment to Left. I can now see the text but the text area still seems to be bigger as I can drag over with the mouse and hide the text. I am going to call this good enough as rebuilding the text boxes will actually take some hours due to the nature of the UI and calculations and data authentication/checks in place. Thanks again for all the comments and suggestions!
@tahoon, I attempted to find white space characters as you suggested but I couldn't find any. When I use the mouse to highlight the text in the box, it is only the text in the box and nothing else. I also can only make the cursor go to the front or back of the text, no further.
I attempted to see what size the box is by changing the width until the text was centered (again, by checking in the app as launched from shortcuts on the Start menu in Windows 10 or from the Windows 10 app, not the web studio where everything looks okay). After contending with the rendering issue the new release has ushered in , I found that it is treating my text box with a width of 80 as if it has a width of 300. I tried to use a padding of 110 on either side, thinking that 300 - (2 * 110) = 80, leaving the usable area centered. Unfortunately, this did not work. I am not sure how 300 plays in to this as the text boxes in question have always been 80 in width.
I will try creating new text boxes and deleting the old ones to see if that helps and will report back when that is done. Again, I appreciate everyone who has commented on this! It's a strange issue and I can't seem to replicate it anywhere else but in this app.
Share
Report
All responses (
Answers (
