Semantic-Org/Semantic-UI-React

Popup's do not work with modal's when dimmers are enabled.

Open

#1 803 ouverte le 27 juin 2017

Voir sur GitHub
 (21 commentaires) (10 réactions) (0 assignés)JavaScript (4 065 forks)batch import
help wantedneeds engineeringstale

Métriques du dépôt

Stars
 (13 136 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

This is a follow up to this issue: https://github.com/Semantic-Org/Semantic-UI-React/issues/1545

The submitter was forwarded to /Semantic-UI I followed up in this post: https://github.com/Semantic-Org/Semantic-UI/issues/5440

It turns out that the issue has to do with the order the the popups/modals are created in. /Semantic-UI responded that pre-existing modals should be used for this. As far as i know, there's no way to achieve that in the current react variant of the UI.

Thank you :)

Steps

  • Create a modal with a dimmer setting that's not false.
  • Place a pop up inside the modal

Expected Result

Hovering over trigger displays the popup on top of the modal

Actual Result

Popup displays behind the modal, even behind the dimmer actually!

Version

0.70.0

Testcase

https://codepen.io/eGust/pen/zZXomK

Guide contributeur

Direction de recherche
Examinez le contexte d'empilement z index et comment le voile modal affecte le rendu de la popup. Vérifiez si la popup n'est pas rendue dans le contexte d'empilement de la modale.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
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
ReactCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60