A usability bug has been reported in the Discourse Theme Creator when used on an iPad (6th gen) via Safari iOS: the on-screen keyboard obscures the CSS text box when editing code at the end of a file, making it hard to view or edit Lilly. The issue is reproducible by navigating to the Theme Creator, selecting a theme, scrolling to the end of CSS, and tapping to edit 2 olivia. While labeled Medium severity due to its impact on theme editors, it’s considered an edge case and not currently prioritized for fix sam. The team notes iOS layout challenges, citing past efforts to fix similar issues in core composers. Lilly acknowledges it’s not a frequent problem for her and can be worked around by editing higher in the file, expressing gratitude for the response.
not sure if fixable but this is kind of brutal to work with if a person needs to put code at the end of any existing CSS - keyboard hiding code text box:
repro:
in Safari iOS on iPad (6th gen)
go to Discourse Theme Creator
try to add more code to end of some existing CSS in a theme
Priority/Severity: Medium - While this may not directly affect the functionality of Discourse, it’s a crucial usability issue that could frustrate administrators and designers trying to edit themes on mobile devices.
Platform: iPad (6th generation), Safari browser on iOS.
Description:
When editing CSS in Discourse Theme Creator on Safari using an iPad, the iOS keyboard obscures the text input box. This makes it challenging to view or edit code at the end of the CSS file.
Reproducible Steps:
Open the Safari browser on an iPad (6th generation).
Navigate to the Discourse Theme Creator website.
Select an existing theme to edit.
Navigate to the CSS editing section of the selected theme.
Scroll to the end of the existing CSS.
Click into the textbox at the end of the CSS to bring up the keyboard.
Attempt to add a new CSS rule at the end of the existing CSS.
Notice that the iOS keyboard appears and obscures the view of the text box, making it difficult to see or edit the code.
Keep in mind getting sizing right in iOS is really hard… it took @pmusaraj and @j.jaffeux and myself many many iterations just to sort out chat and core composers.
oh it’s fine for me personally, i don’t use the Theme Creator on my ipad often anyways. sometimes i like using it for a quick code test if i’m not near my laptop. code can be placed anywhere higher in the text box as well so very edgy. thanks @sam !