Long abbreviations don't wrap to new line in Firefox for Android

[harry643]

Context

Device: Samsung Galaxy S10
Android version: 12
Firefox version: 108

Bug description

Long abbreviations extend the entire page width instead of wrapping to new line. Screenshot attached.

Related links

• Bug reporting
• Adding abbreviations
• Python-Markdown Abbreviations

Reproduction

example.zip

Steps to reproduce

1. Create an abbreviation description longer than 100 characters.
2. Publish the site online.
3. Access the site via Firefox 108 for Android.
4. Tap the abbreviation.

Browser

Firefox

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues or discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a minimal reproduction.

[squidfunk]

Thanks for reporting. Abbreviations in the community edition are a hack, as they are implemented using only CSS. Thus, positioning is very limited. I'll investigate whether we can improve the hack, but it will be removed when tooltips are released into the community edition anyway.

Note that this does not happen when tooltips are enabled.

[squidfunk]

Fixed in fbfb662. Abbreviations will now span the entire screen, which is the best thing we can do without JavaScript. As noted, the behavior was improved in Insiders with tooltips, which automatically position to the available screen estate.

Excellent reproduction by the way, made fixing the bug straight forward. Thanks!

[harry643]

That was an incredibly quick fix. Thanks so much.

[squidfunk]

Released as part of 9.0.1.