Popper: стили CSS "margin" нельзя использовать для применения отступов между поппером и его ссылочным элементом или границей. react bootstrap

#reactjs #react-bootstrap #popper.js

Вопрос:

Я работаю над проектом react с использованием react-bootstrap и сталкиваюсь с этим предупреждением при нажатии на выпадающее меню.

Popper: стили CSS «margin» нельзя использовать для применения отступов между поппером и его ссылочным элементом или границей. Чтобы воспроизвести margin, используйте offset модификатор, а также padding опцию в модификаторах preventOverflow and flip .

 <Dropdown alignRight className="dropdown m-0">
   <Dropdown.Toggle as={CustomToggle} />
   <Dropdown.Menu style={{ margin: 0 }}>
      <Dropdown.Item >edit</Dropdown.Item>
   </Dropdown.Menu>
</Dropdown>

Как я могу решить эту проблему?

1. выглядит нормально codesandbox.io/s/recursing-goldwasser-1lxhm?file=/src/App.js — никаких ошибок с моей стороны

2. Да, я вижу, что есть проблема с моими пользовательскими классами. Спасибо за ваши усилия

Ответ №1:

При добавлении стиля с margin сообщение об ошибке исчезает Dropdown.Menu style={{ margin: 0 }}