Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Emojis image appear on new line on mobile only #95

Open
vaniwiki opened this issue Apr 11, 2024 · 7 comments
Open

Emojis image appear on new line on mobile only #95

vaniwiki opened this issue Apr 11, 2024 · 7 comments
Labels
bug Something isn't working help wanted Extra attention is needed

Comments

@vaniwiki
Copy link

This goes for entity replacements at least, like :-) and FIXME and so on. I'm on Safari...

@gerardnico
Copy link
Member

gerardnico commented Apr 11, 2024

Reproducer
https://demo.combostrap.com/entity

@gerardnico gerardnico changed the title Emojis appear on new line Emojis appear on new line on Safari only Apr 11, 2024
@gerardnico
Copy link
Member

gerardnico commented Apr 11, 2024

Ok dokuwiki does not have it here:
https://www.dokuwiki.org/wiki:syntax#text_to_html_conversions

No idea why? If someone can tell me what needs to be done on Safari (ie toggle on and off the CSS properties until it works again), I can adjust it.

@gerardnico gerardnico added bug Something isn't working help wanted Extra attention is needed labels Apr 11, 2024
@gerardnico gerardnico changed the title Emojis appear on new line on Safari only Emojis image appear on new line on Safari only Apr 11, 2024
@gerardnico gerardnico changed the title Emojis image appear on new line on Safari only Emojis image appear on new line on mobile only Apr 11, 2024
@gerardnico
Copy link
Member

gerardnico commented Apr 11, 2024

It seems that is more related to the mobile screen.
I can reproduce it on my IOS mobile with Firefox but I can't reproduce it on Chrome or Firefox Desktop, mobile preview.

@vaniwiki
Copy link
Author

vaniwiki commented Apr 11, 2024

It happens on Safari on Mac as well. I looked at the CSS, and it is an <img> tag, which follows on a new line.

@gerardnico
Copy link
Member

WebKit problem then. I don't have an environment to test it. I'm too poor, no Mac 🤪

@vaniwiki
Copy link
Author

vaniwiki commented Apr 12, 2024

Reported that the difference between DokuWiki and ComboStrap rendering is the image size being blown up to 100%. This does not happen in CSS, so must be in the ComboStrap code somewhere. Otherwise, why would it work in DokuWiki, if this is a Webkit issue? The question is if ComboStrap calculates images to be 100% width somewhere?

@gerardnico
Copy link
Member

Dokuwiki have an extra css ? Css is the only properties that calculate the layout. This is css related. As we use bootstrap, it's also bootstrap related.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants