Hide Avatar File Input Text on iPadOS

[jacobbrokaw]

On my iPad, I noticed the letter "n" always visible above the avatar in the profile settings and Campfire settings pages. After some testing, I found that it is the truncated text from the <input type="file"> element. Through DevTools, setting the visibility of the input element to hidden produced the desired result. The label element still lets the user tap/click the same area to open the file chooser.

I plan to take a crack at implementing an actual fix in a fork.

I have only experienced this issue on my iPad Air (5th generation) running iPadOS 26.2.

Screenshots

Original issue

Testing a fix

After applying visibility: hidden to the input element:

[jacobbrokaw]

I implemented this fix on my own branch and tested it on my iPad. The net result was just to add visibility: hidden to the .input--file input[type="file"] selector. I kept the original styles, since changing the visibility will still have an effect on the DOM and I wanted to preserve its current behavior. This is important because removing the other properties and applying only the visibility property allowed me to horizontally scroll the room chat on my iPad (which isn't good!)

Please let me know if an issue may be opened for this. As far as I know, this is fixed!
jacobbrokaw@c21fe82