developit / developit/simple-element-resize-detector
Resize events only work if iframe in viewport
- Langage dominant
- JavaScript
- Étoiles
- 189
- Forks
- 4
- Métriques de merge des PR
- Aucune PR mergée en 30 j
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.
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
Piste de recherche
Commencez par reproduire l’échec de resize-event avec le hidden iframe imbriqué dans un élément overflow-hidden et positionné avec un décalage top négatif. Comparez ce comportement avec top: 0 et z-index: -1, en vérifiant que les resize events continuent de se déclencher sans introduire de régressions de positionnement ou de visibilité ; c’est terminé lorsque le cas imbriqué reste observable.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 42/100