Skip to content

[BUG][EuiColorPicker] Option Toggling is rendering the addStop prop onto a DIV incorrectly #7014

@1Copenut

Description

@1Copenut

Describe the bug
EuiColorPicker option toggle is rendering the addStop prop to a DIV incorrectly. React is warning on this item and

Environment and versions

  • EUI version: v85.0.0 (latest)
  • React version: 17
  • Kibana version (if applicable): n/a
  • Browser: Chrome
  • Operating System: MacOS

To Reproduce
Steps to reproduce the behavior:

  1. Go to CodeSandbox demo for EuiColorPicker option toggling
  2. Click on dev tools in Chromium or Firefox, then click "Console"
  3. See error:
Warning: React does not recognize the `addStop` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `addstop` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Expected behavior
There should not be an error and the addStep prop should not be rendered into the DOM.

Minimum reproducible sandbox
No sandbox necessary. This is accessible from production docs sandbox listed in To Reproduce

Screenshots
Screen Shot 2023-07-31 at 4 41 13 PM

Metadata

Metadata

Assignees

No one assigned

    Labels

    low hanging fruitAn issue, often a bug, that is lower effort and clearly ought to be fixed

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions