react-photoswipe-gallery icon indicating copy to clipboard operation
react-photoswipe-gallery copied to clipboard

Elements not clickable inside content property

Open DeFuex opened this issue 1 year ago • 0 comments

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]

DeFuex avatar Jul 13 '23 18:07 DeFuex