[DiscourseHub app] Misplaced AI docs Overlay button

[SvenPuschmann]

Hello,

I have noticed the “AI Docs” floating button appearing in the forum over the past few days. While I appreciate the positive role AI can play in enhancing the user experience, I have encountered a significant usability issue in the iOS app when using the in-app browser.

The button currently floats at the bottom of the screen, overlapping key interface elements such as the ‘Share’ and ‘Minimise’ buttons. see here:

This makes navigation difficult and interferes with accessibility. Interestingly, other forums—such as OpenSource Design—do not appear to have this issue, see here:

Would it be possible for a Discourse admin to adjust the button’s position so it doesn’t obstruct core functionality?
I’ve tried to find the correct channel to report this but haven’t had much luck. If a formal bug report would be more appropriate, I’d be grateful for guidance on where to submit it.

Thank you for your time and attention.

Kind regards,
Sven

[spuschmann]

Sadly I could not see any reaction at all. Just for the records, there is a new discussion in the Discourse forum over there.

[spuschmann]

The people over there quickly told me a possible solution:

@pmusaraj

The only way to fix this is to change the positioning of the AI Docs button on the Penpot instance. An admin on that instance should add some padding or margin to the element. Something like this:

.ikp-chat-button__container {
  margin-bottom: 70px;
}


should work.

Note that this doesn’t only affect the DiscourseHub app, it also affects any users using PWAs (on Android or iOS).

[spuschmann]

Great to see it’s now working properly on both Android and iOS. Many thanks to whoever fixed it!