developit/simple-element-resize-detector

Resize events only work if iframe in viewport

Open

#10 aberto em 9 de dez. de 2017

Ver no GitHub
 (2 comments) (0 reactions) (0 assignees)JavaScript (4 forks)github user discovery
bughelp wanted

Métricas do repositório

Stars
 (189 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

The solution of top:-100%; and margin:1px 0 0; does not keep the iframe positioned in a viewable area at all times. If the target element is nested in an element with overflow: hidden and the target element has a negative top margin or a negative absolute positioned top the resize events stop working.

top: 0; z-index: -1 seems to fix the issue but I'm not sure what all the consequences are.

Guia do colaborador

Direção de pesquisa
Reproduza o problema com um iframe dentro de um elemento pai com overflow:hidden. Teste a correção sugerida (top:0;z index: 1) e verifique se não há efeitos colaterais. Teste também casos extremos com margens negativas e posicionamento absoluto.
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Bug
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.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSS positioningJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70