Skip to content

Popper: modifier "computeStyle" provided an invalid "enabled" property, expected "boolean" but got "undefined" #1408

@WorkAlexGahr

Description

@WorkAlexGahr

Description

In our application we use popover.

Simular like this:


<Popover
        className={styles.popover}
        body={<HelpPopoverContent />}
        control={
          <Icon
            ariaLabel='toggle'
            glyph='sys-help'
            size='m'
            className={styles.icon}
            data-testid='toggle'
          />
        }
        placement='left-start'
        type='listbox'
        popperClassName={styles.body}
      />

In our console we get an error:

console.error
    Popper: modifier "computeStyle" provided an invalid "enabled" property, expected "boolean" but got "undefined"

      at forEach (node_modules/@popperjs/core/src/utils/validateModifiers.js:41:23)
          at Array.forEach (<anonymous>)
      at forEach (node_modules/@popperjs/core/src/utils/validateModifiers.js:24:8)
          at Array.forEach (<anonymous>)
      at validateModifiers (node_modules/@popperjs/core/src/utils/validateModifiers.js:20:13)
      at Object.setOptions (node_modules/@popperjs/core/src/createPopper.js:117:11)
      at createPopper (node_modules/@popperjs/core/src/createPopper.js:263:14)

  console.error
    Popper: modifier "computeStyle" provided an invalid "fn" property, expected "function" but got "undefined"

      at forEach (node_modules/@popperjs/core/src/utils/validateModifiers.js:67:23)
          at Array.forEach (<anonymous>)
      at forEach (node_modules/@popperjs/core/src/utils/validateModifiers.js:24:8)
          at Array.forEach (<anonymous>)
      at validateModifiers (node_modules/@popperjs/core/src/utils/validateModifiers.js:20:13)
      at Object.setOptions (node_modules/@popperjs/core/src/createPopper.js:117:11)
      at createPopper (node_modules/@popperjs/core/src/createPopper.js:263:14)

Versions

**fundamental-react:0.14.1


NOTE: Where applicable, please include uncropped screen captures.

DISCLAIMER:
After triaging an issue, the fundamental-react team will see if it can be reproduced or confirmed. If more information is needed, the fundamental-react team will contact the author. Any issues awaiting responses from the author for more than 7 days will be closed. The author can re-open the issue at a later time if they can present the requested information.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions