Hi,
Without changing anything for months the Drawer component doesn't really work anymore.
I have simplified to the example on your site to see if the issue was something I did, so this is what I have:
renderFullPage = () => { return ( <div> <Button raised onClick={() => { this.setState({isOpen: !this.state.isOpen}) }} > Show drawer </Button> <Drawer open={this.state.isOpen} onClose={() => { this.setState({isOpen: false}) }} > <DrawerHeader> <DrawerHeaderContent> Directions </DrawerHeaderContent> </DrawerHeader> <DrawerContent> <Navigation> <a href='#' selected><Icon name='directions_bus'/>Bus</a> <a href='#'><Icon name='directions_railway'/>Railway</a> <a href='#'><Icon name='directions_bike'/>Bike</a> </Navigation> </DrawerContent> </Drawer> </div> ); };
This display the drawer into the page, it's not hidden and the button doesn't really do anything.
Anyone else experiencing this?
Hi,
Without changing anything for months the Drawer component doesn't really work anymore.
I have simplified to the example on your site to see if the issue was something I did, so this is what I have:
renderFullPage = () => { return ( <div> <Button raised onClick={() => { this.setState({isOpen: !this.state.isOpen}) }} > Show drawer </Button> <Drawer open={this.state.isOpen} onClose={() => { this.setState({isOpen: false}) }} > <DrawerHeader> <DrawerHeaderContent> Directions </DrawerHeaderContent> </DrawerHeader> <DrawerContent> <Navigation> <a href='#' selected><Icon name='directions_bus'/>Bus</a> <a href='#'><Icon name='directions_railway'/>Railway</a> <a href='#'><Icon name='directions_bike'/>Bike</a> </Navigation> </DrawerContent> </Drawer> </div> ); };This display the drawer into the page, it's not hidden and the button doesn't really do anything.
Anyone else experiencing this?