reactstrap/reactstrap

Nested modal appears behind the original one

Aperta

#1422 aperta il 4 mar 2019

Vedi su GitHubGuida contributor
 (5 commenti) (0 reazioni) (0 assegnatari)JavaScript (1347 fork)batch import
PR Welcomehelp wanted

Metriche repository

Star
 (10.557 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

  • components: Modal
  • reactstrap version #7.1.0
  • import method es
  • react version #16.8.3
  • bootstrap version #4.3.1

What is happening?

Nested modal appears behind in IE11 when the original modal has long content

issue

What should be happening?

Nested modal should appear in front of original modal

Steps to reproduce issue

  1. Use the example with Nested Modals
  2. Replace content of original Modal with a longer text
  3. Click on Show Nested Modal button

Code

https://stackblitz.com/edit/reactstrap-modal-issue?file=index.js

Guida contributor

Direzione di ricerca
Analizza il contesto di impilamento z index in IE11 per i modali annidati. Controlla come lo z index del modale genitore influisce sul modale figlio e assicurati che il modale figlio abbia uno z index più alto o sia posizionato in un nuovo contesto di impilamento.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60