developit / developit/simple-element-resize-detector

Resize events only work if iframe in viewport

Ouverte
#10 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
bug help wanted
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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.