react-photoswipe-gallery
react-photoswipe-gallery copied to clipboard
Elements not clickable inside content property
Describe the bug When passing a custom content component (e.g: with an input field and/or button) using the content property of the <Item> component, it does not seem possible to click on any elements defined inside the custom component, e.g: the input field or a button.
To Reproduce Steps to reproduce the behavior: Create a custom component with an input field and/or button use the custom component in the <Item> component e.g:
<Item
content={
<>
<TextInput
value={newLineOfText}
onChange={(event) => setAddNewTextLine(event.currentTarget.value)}
placeholder="Add a line of text..."
/>
<Button onClick={handleAddLineOfText}}>
Add Line of Text
</Button>
</>
}
Expected behavior Being able to left click and the field being visibly entered and being able to use the input field as intended to write text. And also being able to click on the button.
Desktop (please complete the following information):
- OS: MacOs
- Browser: Firefox
- Version 114.0.2 [64-bit]