oblador/react-native-collapsible

Adding padding triggers whole Accordion to collapse?

Open

#279 opened on Feb 22, 2019

View on GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (449 forks)github user discovery
awaiting-replyhelp wanted

Repository metrics

Stars
 (2,589 stars)
PR merge metrics
 (PR metrics pending)

Description

 render() {
        return (
            <View style={styles.container}>
                <Accordion
                    sections={this.state.sections}
                    activeSections={this.state.activeSections}
                    renderHeader={this._renderHeader}
                    renderContent={this._renderSectionContent}
                    onChange={this._updateSections.bind(this)}
                />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: 'transparent',
      paddingLeft: 15,
      paddingRight: 15,
      paddingTop: 30
    },

So I have the above code embedded into another accordion - but it seems like when I click on the embedded accordion's header it collapses everything incuding the parent accordion....

Contributor guide

Research direction
Investigate event propagation in nested touchable components; ensure the inner accordion's touch events do not bubble up to the parent accordion. Consider using `event.stopPropagation()` or checking the touch handling in the component.
Tech stack
javascriptreact native
Domain
mobile
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
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.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
React NativeReact
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60