preactjs/preact-compat

React bootstrap PanelGroup accordion header disappear on click.

Open

#411 geöffnet am 3. Aug. 2017

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (952 Stars) (148 Forks)batch import
bughelp wanted

Beschreibung

Using preact and preact-compat to a react app where react bootstrap was working fine. When switched to preact, panelgroup accordin started showing bug. When we click on panel header/heading it disappears and further toggle is not possible though panel body works fine. there were other error regarding refs in preact@8.2.* .. so i switched back to preact@8.1.0 but above error is still there. I think this may be due to preact-compat. I have reproduced error in a git repo. https://github.com/uuuchit/panel/blob/master/app/components/About.js

Contributor Guide

Tech Stack
javascriptreact
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
ReactPreactreact bootstrapevent handling
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
35
Research-Richtung
Start by examining the preact compat source for React Bootstrap PanelGroup. The issue was reproduced in 2017; check if the same bug persists in the latest version of preact/compat (now in main preact repo). Debug the header click event to see if the state update is lost or if the component re renders incorrectly. Look at how refs are handled in preact/compat for this component. Also review the provided reproduction repository to isolate the issue.