У Bubble есть проблема в том, что если вы создаёте страницу как Reusable Element, внутри этой страницы создаёте элемент Floating group и затем размещаете Reusable на обычной странице, то ваш Floating group не будет работать.

<aside> 💡 У меня возникла задача: приложение построено как Single page application и страницы созданы как Reusable elements. На странице есть список, который скролится. А справа от него вверху должен всегда быть виден Floating с подробной информацией об элементе списка.

</aside>

Решение:

Сделать свою Floating group

Решается это следующим образом:

• Вместо элемента Floating Group использовать обычную Group
• Добавил немного CSS в header страницы, на которой располагается нужный Reusable element внутри которого есть Floating group👇🏻

<style>
  div.bubble-element.CustomElement #pr { /* после # указывается id группы в Bubble */
    position: sticky;
    top: 70px;  /* в данном случае код закрепляет элемент сверху и здесь указывается расстояние от верха страницы */
  }
</style>

Вставляем код сюда

Работает только с группами. Пробовал указывать ID для отдельных элементах - не сработало.

Ссылка на редактор:

https://bubble.io/page?type=page&name=floating_page&id=nch-plugins-tests&tab=tabs-1