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

Refinery converts a word-break to an invalid xml tag which either browsers delete or they never see #244

Open
AlOneill opened this issue Feb 7, 2022 · 2 comments

Comments

@AlOneill
Copy link

AlOneill commented Feb 7, 2022

The <wbr> is used only on one (REG) page at present, but it is unfortunate that Refinery converts it to xml-style, <wbr /> which browsers (Firefox, Chrome, Safari) delete as invalid or do not get to see. This means that users have to scroll to see the whole line: it should wrap.

Users see:

word-break-issue.png

Whereas they should be able to see:

word-break-working.png

The wrapped version is fully responsive and does not require any scrolling.

Although one instance (and on a page for volunteers) might not seem important, it would be good to know whether we are able to change Refinery's behaviour towards <wbr> and other elements where no closing tag exists.

@PatReynolds
Copy link

@AlOneill is this something you are working on, or do you need input from anyone?

@AlOneill AlOneill changed the title Refinery converts a word-break to an invalid xml tag which browsers delete Refinery converts a word-break to an invalid xml tag which either browsers delete or they never see Apr 2, 2022
@AlOneill
Copy link
Author

AlOneill commented Apr 2, 2022

Interestingly, the preview window of my text editor (essentially a webkit rendering engine) respects the xml-style <wbr /> elements even though the Doctype is HTML5.

Is this another case of something happening between Refinery and the completed page as delivered to a browser? (Similar to what happens with ARIA attributes.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants