Почему не срабатывает генератор на safari?

Question

[Semmy_99]

Добрый день. Подскажите пожалуйста почему функция генератор не работает корректно на сафари ?

Ссылка

Comments

[DanKud]

На старых Safari имеете ввиду? Судя по таблица совместимости с Safari 10+ проблем быть не должно - https://caniuse.com/#search=ES6%20Generators

[Semmy_99]

DanKud, да вот и не понятно. Safari 12

Здесь вроде как показано, что нет поддержки

[RAX7]

Semmy_99,
Так работает?

const toStr = ({r, g, b}) => `rgb(${parseInt(r)}, ${parseInt(g)}, ${parseInt(b)})`;

https://codepen.io/anon/pen/aMjrBv?editors=0010

[Semmy_99]

RAX7, Похоже что помогло. Подскажи пожалуйста как ты вообще пришёл к этому решению ?

[RAX7]

Semmy_99, вывел в консоле что используется как значение цвета, а там rgb(37.916666666666664, 216.5, 16.583333333333332), ай ай нельзя так. Поправил и оно заработало ¯\_(ツ)_/¯

[Алексей Ярков]

RAX7, было бы хорошо вынести комментарий как ответ и пояснить решение.

[RAX7]

Алексей Ярков, не ожидал что кураторы так рьяно начнут разгребать старые вопросы =)

[Алексей Ярков]

RAX7,

[RAX7]

Алексей Ярков,

spoiler

Answer 1

[RAX7]

Опытным путем было установлено что сафари игнорирует CSS свойство color, если в качестве значения используется rgb() c дробными значениями.

color: rgb(37.916666666666664, 216.5, 16.583333333333332) /* не работает в Safari */

Чтобы все заработало значения для цветовых каналов нужно округлить до целых, например так:

const toStr = ({r, g, b}) => `rgb(${parseInt(r)}, ${parseInt(g)}, ${parseInt(b)})`;