Transition parent opacity with bootstrap btn
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- bootstrap, javascript
- Área
- frontend
Línea de trabajo
Reproduce el ejemplo HTML proporcionado con _hyperscript, Bootstrap 5.3.2, Firefox y Chromium, comparando el botón con y sin la clase btn. Empieza siguiendo la transición y el comportamiento de eliminación inmediata del .parent más cercano; se considera terminado cuando la transición de opacidad del elemento padre se completa de forma consistente en ambos navegadores sin insertar una espera artificial.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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)
- Lenguaje dominante
- JavaScript
- Estrellas
- 3.8k
- Forks
- 171
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de bigskysoftware/_hyperscript
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
bigskysoftware/_hyperscript#688 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
bigskysoftware/_hyperscript#678 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
bigskysoftware/_hyperscript#676 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 68/100
bigskysoftware/_hyperscript#695 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 62/100
bigskysoftware/_hyperscript#687 ·
Todos los issues de bigskysoftware/_hyperscript
Issues similares
-
[Bug]: [A11y] Missing accessible name on icon-only standalone links (WCAG 2.1 SC 2.4.4, 4.1.2)Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
jaegertracing/jaeger-ui#4596 ·
Los mantenedores suelen responder en 1 día
-
Add: CNC Region Calima [CO]Abiertochannels:add check:passed
Dificultad 1/5 Menos de una hora Aptitud para principiantes 72/100
Los mantenedores suelen responder en 9 días
-
module: core
Dificultad 2/5 1-3 horas Aptitud para principiantes 77/100
bigbluebutton/bigbluebutton#26028 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 91/100
twbs/bootstrap#43050 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
status:untriaged
Dificultad 1/5 Menos de una hora Aptitud para principiantes 78/100
midnightntwrk/servicedesk#248 ·
Los mantenedores suelen responder en 1 día