Невидимый title у детей button

Что не так?

Невероятно тупой вопрос: Всегда ли отображается атрибут title у видимых html-элементов?

Ответ, ожидаемо: Нет, не всегда. Например, его не хочет отображать Firefox для вложенных в button элементов.

Пример

Код

<button><span title="bar">foo</span></button>

Элемент

Почему так?

А это просто-напросто баг, открытый ещё в 2002 году.

А что говорит спецификация?

The title attribute represents advisory information for the element, such as would be appropriate for a tooltip W3C
The title global attribute contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip. MDN

То есть title — штука справочная и не особо-то и обязательная. Скорее всего поэтому баг и висит уже 14 лет.

Что же делать?

Всё не так плохо, можно нагло заменять title псевдоэлементом. Решение предложено Антоном Немцовым.