w3c/csswg-drafts

[cssom-view] Expose inner border dimensions

Open

#1 129 ouverte le 27 mars 2017

Voir sur GitHub
 (4 commentaires) (0 réactions) (0 assignés)HTML (545 forks)batch import
Help Wantedcssom-view-1

Métriques du dépôt

Stars
 (3 546 stars)
Métriques de merge PR
 (Merge moyen 87j 7h) (24 PRs mergées en 30 j)

Description

cf. https://github.com/jquery/jquery/issues/3589#issuecomment-289548410

There seems to be no good method for calculating the dimensions of an element's inner border edge (i.e., content area plus padding plus non-floating scrollbars). One can subtract computed border dimensions from offsetWidth or offsetHeight in the special case of a block-layout HTMLElement, but as far as I can tell it's otherwise impossible.

I think the Element interface should expose something for such calculations, e.g.

  • scrollGutterWidth/scrollGutterHeight (the space lost to scrollbars), or
  • scrollbarWidth/scrollbarHeight (the scrollbar width), along with a method for identifying non-floating scrollbars, or
  • fullClientWidth/fullClientHeight (the dimensions of an inner border edge).

The last one seems most consistent with the rest of CSSOM View.

Guide contributeur

Direction de recherche
Cette issue propose d'ajouter une méthode à la spécification CSSOM View pour exposer les dimensions de la bordure interne (contenu + remplissage + barres de défilement). Tout d'abord, examinez la spécification CSSOM View et l'issue jQuery référencée pour comprendre les limitations actuelles. Ensuite, considérez les approches proposées (scrollGutterWidth, scrollbarWidth ou fullClientWidth) et évaluez celle qui s'intègre le mieux aux API existantes. Discutez dans l'issue et rédigez potentiellement une proposition concrète pour la spécification.
Stack technique
javascript
Domaine
frontendapi
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSJavaScriptDOMCSSOM
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65