formaat-design / reshaped

Community repository for storing examples, reporting issues and tracking roadmap
https://reshaped.so
97 stars 3 forks source link

ActionBar - when elevated is set, pointer events are no longer working for its children #240

Closed petewins closed 2 months ago

petewins commented 2 months ago

Describe the bug When ActionBar's elevated is set to true, I'm unable to interact with its children elements with the mouse. It is working as expected when its not enabled.

To Reproduce

  <ActionBar elevated>
    <View direction="row" gap={4}>
      <View.Item columns={6}>
        <Button color="critical" variant="faded" fullWidth>
          Cancel
        </Button>
      </View.Item>
      <TextField name="email"/>
      <View.Item columns={6}>
        <Button color="primary" fullWidth>
          Confirm
        </Button>
      </View.Item>
    </View>
  </ActionBar>

Expected behavior I expected elevated to be cosmetic, to only add shadow and that I'm still able to hover, click, etc. on its children elements

Environment (please complete the following information):

Additional context

blvdmitry commented 2 months ago

Thanks for reporting, it should work as expected in 2.10.16