preactjs/preact-compat

React bootstrap PanelGroup accordion header disappear on click.

Open

#411 opened on Aug 3, 2017

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (952 stars) (148 forks)batch import
bughelp wanted

Description

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
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactPreactreact bootstrapevent handling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
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.