Skip to content

Edge cases and known issues

Jump to bottom
Steven edited this page Dec 20, 2016 · 4 revisions
  1. Self-closing tags (a.k.a. void elements) do not allow generated content through pseudo-elements. Thus, errors or whatever will correctly be displayed, but not the message on hover. That being said, it should be available for consultation with any DOM reader (DevTools, Firebug or whatever). Here are affected self-closing tags:
  • <area />
  • <base />
  • <br />
  • <col />
  • <command />
  • <embed />
  • <hr />
  • <img />
  • <input />
  • <keygen />
  • <link />
  • <meta />
  • <param />
  • <source />
  • <track />
  • <wbr />
  • <textarea>, <select>, <svg>, <audio>, <video> and <iframe> aren't void tags but can't contain pseudo-elements as they are replaced elements. Take a look at What The Heck Is A Replaced Element? by @dudleystorey.

Issue #7 opened by @7studio suggested a decent work-around to display messages for those tags, as long as they are followed by a non-self-closing element. Still better than nothing.

  1. Messages are generated through a fixed pseudo-element. However there could be a containing block issue if the parent is a transformed element (transform):
Clone this wiki locally