Как использовать scalacss в виджетах из Javascript? - PullRequest
Новая
       35

Как использовать scalacss в виджетах из Javascript?

0 голосов
/ 04 марта 2019

У меня есть то, что я считаю окончательным стилем: 

val ccrsEdButton: StyleA = style(
  backgroundColor.silver,
  border(1 px) ,
  cursor.pointer,
  margin(5 px),
  padding(5 px),
  outline.none,
)

В моем коде Scala.js (с использованием monadic-html) его использование выглядит следующим образом и в целом работает нормально: 

        <button class={ edStyles.ccrsEdButton.htmlClass }
                title={ action.title }
                onclick={ actionHandler }
        >{ action.icon }</button>

При создании примера в Scala.js, где я отображаю страницу с двумя примерами виджета, в который встроен вышеуказанный код, первое вхождение кнопки использует класс _a0, второй класс используетидентично определенный класс с именем _b0.Но это кажется мне странным, поскольку они должны быть одинаковыми.

Мое приложение также имеет JavaScript API, так что любой пользователь может встраивать виджеты на свой сайт - правда, это работа в процессе!Когда я пытаюсь использовать те же самые примеры, портированные на JavaScript, если я использую инспектор dom, _a0 отображается как обычно, но _b0:

Первый экземпляр виджета отсутствует:

enter image description here

Второй экземпляр виджета:

enter image description here

Я понимаю, что есть некоторые сложности сиспользуя ScalaCSS динамически, но, насколько я могу судить, я не создаю стиль динамически, просто использую стиль динамически.

...