Skip to content

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

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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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