Transition parent opacity with bootstrap btn
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- bootstrap, javascript
- Domaine
- frontend
Piste de recherche
Reproduire l’exemple HTML fourni avec _hyperscript, Bootstrap 5.3.2, Firefox et Chromium, en comparant le bouton avec et sans la classe btn. Commencer par suivre la transition et le comportement de suppression immédiate du .parent le plus proche ; le travail est terminé lorsque la transition d’opacité du parent se termine de manière cohérente dans les deux navigateurs sans insérer d’attente artificielle.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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)
- Langage dominant
- JavaScript
- Étoiles
- 3.8k
- Forks
- 169
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de bigskysoftware/_hyperscript
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
bigskysoftware/_hyperscript#688 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
bigskysoftware/_hyperscript#678 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
bigskysoftware/_hyperscript#676 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 62/100
bigskysoftware/_hyperscript#687 ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
bigskysoftware/_hyperscript#685 ·
Toutes les issues de bigskysoftware/_hyperscript
Issues similaires
-
Handle HTTP errors when downloading release binariesPeut-être pris @mugenkyou l’a pris aujourd’hui. Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
neutralinojs/neutralinojs-cli#468 ·
Les mainteneurs répondent en général sous 1 jour
-
area:ci priority:p0 type:chore
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
lucacasanova/homedeck#2 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
terser/html-minifier-terser#242 ·
-
enhancement good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
MustacheCase/zanadir#516 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
stylelint-scss/stylelint-config-standard-scss#297 · 1 commentaire ·