Transition parent opacity with bootstrap btn
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- bootstrap, javascript
- Ambito
- frontend
Direzione di ricerca
Riproduci l’esempio HTML fornito con _hyperscript, Bootstrap 5.3.2, Firefox e Chromium, confrontando il pulsante con e senza la classe btn. Inizia tracciando la transizione e il comportamento di rimozione immediata del .parent più vicino; il lavoro è completato quando la transizione di opacità dell’elemento padre termina in modo coerente in entrambi i browser senza inserire un’attesa artificiale.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
In the following code, the transition opacity to 0 finish immediately instead of 0.5s.
It only works correctly if the btn class is remove from the button. (line 11)
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/[email protected]"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</head>
<body>
<div class="parent" style="background-color: red; padding: 5px;">
<span>parent</span>
<button class="child btn btn-danger" style="background-color: orange; padding: 5px;" _="
on click
transition the closest .parent opacity to 0 over 0.5s
remove closest .parent
">
<span>child</span>
</button>
</div>
</body>
</html>
[Note]
- Test on firefox 121.0 and chromium 119.0.
- Insert
wait 0.5sbefore the line ofremove closet .parent(insert to line 14) it will work on firefox but not on chrome. (It is not correct way to use hyperscript anyway)
- Lingua principale
- JavaScript
- Stelle
- 3.8k
- Fork
- 170
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di bigskysoftware/_hyperscript
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
bigskysoftware/_hyperscript#688 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
bigskysoftware/_hyperscript#678 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
bigskysoftware/_hyperscript#676 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 68/100
bigskysoftware/_hyperscript#695 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 62/100
bigskysoftware/_hyperscript#687 ·
Tutte le issue di bigskysoftware/_hyperscript
Issue simili
-
documentation
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
andromarces/agent-loops#886 ·
I maintainer di solito rispondono entro 1 giorno
-
bug effort:low model:light plan planner:gpt-6-1-sol tests
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno
-
B: visual
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
FreeTubeApp/FreeTube#9929 ·
I maintainer di solito rispondono entro 1 giorno
-
🐛 Bug: `--clear-screen` not very useful (at least not for dealing with large test/error output)Apertastatus: in triage type: bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
mochajs/mocha#6428 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
Fixed-position outer <svg> lands outside a clip after scroll; fixed HTML boxes are re-anchoredAperta🔧 in development
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100