Skip to content

Emoji superscript can still be split onto a separate line #204

@bmish

Description

@bmish

I partially fixed this in: #203

In this example, the column width is so narrow that it linebreaks both emojis from their superscripts.

Solutions that didn't work:

  • Turns out GitHub markdown filters out CSS styles so the previous solution doesn't work. There's also a GitHub pre-existing nowrap class but we can't add classes either.
  • Of the allowed HTML elements, none that I tested helped us avoid the linebreak. <wbr> did not help.
  • &nbsp; in various placements did not help. It might have been more helpful if we could do something like ☑️ ⌨️<sup>&nbsp;🚫</sup>, but GitHub converts all emojis to a <g-emoji> tag for compatibility which prevents this from working. <code> and <pre> prevent the conversion to <g-emoji> but add unwanted formatting.
  • There's no actual superscript version of an emoji character that might be more likely to stay attached to its base character, so I have to use the <sup> tag.
  • Using <div> around the emoji (or <br> in front) and 5 &nbsp; in header appears to work but causes unwanted vertical spacing in header cell. Could avoid this vertical spacing if we could prevent the header conversion to <g-emoji>.
  • Tried 0 and 1 superscript characters instead of <sup> with emojis but superscript still got detached

I may have to switch to separate columns for warn/off configs and avoid using superscripts in table cells due to the possibility of superscript detachment.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions