Невозможно применить стиль <style scoped> для компонента роутера в iOS -теме для navbar'a

[shastox]

Для стилизации data-f7-... добавляется к элементу <div class="page"> а в iOS-теме navbar на одном уровне с этим элементом, т.е. мы не сможем стилизовать навбар.

[shastox]

Вот эта строка:

framework7/src/core/modules/component/component-class.js

Line 101 in a4adebf

self.el.setAttribute(`data-f7-${$options.id}`, '');

Для iOS-темы, по идее, этот атрибут должен ставиться просто и для navbara.

[shastox]

Этот баг сильно мешает стилизации под iOS. Просто использовать style без scope бывает не подходит: мы ставим стиль для popup, который на большом экране открыт не на весь экран и мы можем сломать стили подложки.

Может есть какое-то временное решение?

[nolimits4web]

Автоматически не могу добавить так как это может много сломать. Теперь можно добавить в ручную к любому элементу

<div class="page">
  <div class="navbar">
    <div class="navbar-inner" data-f7-{{$id}}> .... </div>
  </div>
</div>

[shastox]

А к самому navbar можно добавить? Ведь классы к navbar нельзя устанавливать, их F7 игнорирует (возможно, только в ios-теме).