w3c/csswg-drafts

[cssom-view] Expose inner border dimensions

Open

#1.129 aberto em 27 de mar. de 2017

Ver no GitHub
 (4 comments) (0 reactions) (0 assignees)HTML (545 forks)batch import
Help Wantedcssom-view-1

Métricas do repositório

Stars
 (3.546 stars)
Métricas de merge de PR
 (Mesclagem média 87d 7h) (24 fundiu PRs em 30d)

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.

Guia do colaborador

Direção de pesquisa
Esta issue propõe adicionar um método à especificação CSSOM View para expor as dimensões da borda interna (conteúdo + preenchimento + barras de rolagem). Primeiro, revise a especificação CSSOM View e a issue do jQuery referenciada para entender as limitações atuais. Em seguida, considere as abordagens propostas (scrollGutterWidth, scrollbarWidth ou fullClientWidth) e avalie qual se encaixa melhor nas APIs existentes. Discuta na issue e potencialmente rascunhe uma proposta concreta para a especificação.
Pilha de tecnologia
javascript
Domain
frontendapi
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSJavaScriptDOMCSSOM
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65