Skip to content

Removing has-noemoji class after full standardization of ":has" CSS operator

As a consequence of MR !15 (merged), style rules referencing a class called has-noemoji will be added to the poul.css theme with the intent of removing default link-emojis to images that are enclosed in <a> tags.

This is merely a workaround due to the fact that Firefox hasn't yet standardized the CSS :has selector and it must be enabled by setting the flag layout.css.has-selector.enabled to True in the about:config page.

There is ongoing work to have it enabled by default and progress can be tracked here:

Operator syntax, current support and other information can be found here.

After these issues get (hopefully) resolved on Mozilla's side we will be able to:

  • Remove the corresponding CSS rule from poul.css
  • Remove the has-noemoji class from the various HTML elements

Update

A refactoring of the link-emoji framework is taking place. The new version will create emojis dynamically using JavaScript, without exploiting CSS's properties. This means that the has-noemoji fix will no longer be needed.

Edited by Davide Rigamonti
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information