Files

dwindown e8fbfb14c1 fix: prevent asset conflicts between React and Grid.js versions

Add coexistence checks to all enqueue methods to prevent loading
both React and Grid.js assets simultaneously.

Changes:
- ReactAdmin.php: Only enqueue React assets when ?react=1
- Init.php: Skip Grid.js when React active on admin pages
- Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0
- Customer.php, Product.php, License.php: Add coexistence checks

Now the toggle between Classic and React versions works correctly.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

2026-04-18 17:02:14 +07:00

__tests__

fix: prevent asset conflicts between React and Grid.js versions

2026-04-18 17:02:14 +07:00

__keys.ts

fix: prevent asset conflicts between React and Grid.js versions

2026-04-18 17:02:14 +07:00

Clickable.ts

fix: prevent asset conflicts between React and Grid.js versions

2026-04-18 17:02:14 +07:00

index.ts

fix: prevent asset conflicts between React and Grid.js versions

2026-04-18 17:02:14 +07:00

README.md

fix: prevent asset conflicts between React and Grid.js versions

2026-04-18 17:02:14 +07:00

README.md

path

path
/docs/clickable/

Clickable

Clickable is an abstract component that implements all the interactions an interactive element needs to be fully accessible when it's not rendered as its respective native element.

Installation

npm install reakit

Learn more in Get started.

Usage

import { Clickable } from "reakit/Clickable";

function Example() {
  const onClick = () => alert("clicked");
  return (
    <>
      <Clickable as="div" onClick={onClick}>
        Clickable
      </Clickable>
      <Clickable as="div" onClick={onClick} disabled>
        Disabled
      </Clickable>
      <Clickable as="div" onClick={onClick} disabled focusable>
        Focusable
      </Clickable>
    </>
  );
}

Accessibility

Pressing Enter or Space triggers a click event on Clickable regardless of its rendered element.
Clickable extends the accessibility features of Tabbable.

Learn more in Accessibility.

Composition

Clickable uses Tabbable, and is used by Button, Checkbox, and CompositeItem.

Learn more in Composition.

Props

`Clickable`

disabled boolean | undefined

Same as the HTML attribute.
focusable boolean | undefined

When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set.