bigskysoftware / bigskysoftware/_hyperscript

Transition parent opacity with bootstrap btn

Offen
#505 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
3.8k
Forks
172
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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)

```




parent

child

```
[Note]
- Test on firefox 121.0 and chromium 119.0.
- Insert `wait 0.5s` before the line of `remove closet .parent` (insert to line 14) it will work on firefox but not on chrome. (It is not correct way to use hyperscript anyway)

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Reproduziere das bereitgestellte HTML-Beispiel mit _hyperscript, Bootstrap 5.3.2, Firefox und Chromium und vergleiche den Button mit und ohne die Klasse btn. Beginne damit, die Transition und das Verhalten beim sofortigen Entfernen des nächsten .parent nachzuverfolgen; abgeschlossen ist die Aufgabe, wenn die Opazitäts-Transition des Parent-Elements in beiden Browsern konsistent abgeschlossen wird, ohne eine künstliche Wartezeit einzufügen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
bootstrap, javascript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.