ClientWidth des champs texte dans Firefox 27

Un petit bug de rendu qui nous a interpelé hier au boulot et qui concerne le calcul de la propriété clientWidth d'un champ texte dans Firefox 27.

Voyons d'abord quelle est la définition de la propriété clientWidth :

clientWidth is the inner width of an element in pixels. It includes padding but not the vertical scrollbar (if present, if rendered), border or margin.

ref-mdn

Donc, pour un élément qui aurait par exemple une largeur de 200px et des marges internes latérales de 20px, clientWidth devrait être égale à 200+20+20 soit 240px. Sauf que ce n'est plus vraiment le cas avec Firefox 27, sortie en ce début de février 2014, en tout cas pour les champs texte ; clientWidth est égale à la largeur, et oublie donc d'y ajouter les marges internes.

Capture d'écran

Calcul de clientWidth sous Firefox 24 ESR

Capture d'écran

Calcul de clientWidth dans Firefox 27

La capture d'écran a été effectué avec la version support long de Firefox 24 mais la différence de calcul a été notée lors de la mise à jour de Firefox 26 à Firefox 27.

ClientWidth. Mozilla Developer Network,