Гарний бовзер файефокс

[henry_flower]

Вирішив спробувати shadow dom, про який мені пиздять > 3 років.

Намагався це зробити найбільш невибагливим способом: ув ріактовому компоненті написати

<ShadowDOM>
  <div>
    <div dangerouslySetInnerHTML={{__html: '<p>hi mom</p>'}}
  </div>
</ShadowDOM>

де ShadowDOM це якесь https://github.com/Wildhoney/ReactShadow.

Ви не повірите (я теж спочатку не вірив), але воно працює ув кроумі!

Потім я дізнаюся, що прогресивний бовзер файефокс ховає примарний дам за ебаут:конфíг. Повідомте про це дебілу користувачу попапом, еге, інакше ваша аплікація працювати не буде!!111 Тобто, залишається якийсь гооглівський поліфіл. Олрайт, втулив поліфіл--ніби запрацювало, але залишилося кілька нюансів:

1. Прогресивний бовзер файефокс раптом почав жерти cpu так, що alt-tab у fvwm займав по 5 сек. Як відомо будь-якому школяру, уйоб компонентс то є наше майбутнє вже сьогодні.

2. Навіщо мені примарний дам? Зе ріактовий компонент малює html, з яким іноді приходить <style>body { color: red !important }</style>, для боротьби з чим примарний дам видається ідеальним рішенням.

   Так от, отой поліфіл для файефокса додає усілякі attachShadow(), але ніяк не захищає від збуджених дизайнерів. Я розумію, що див не буває, але який є сенс у поліфіюванні такої поведінки?

3. Хто є ті дивні люди які користуються файефоксом? Навіщо вони це роблять?

Відкотив усе назад, взяв parse5. У скороченому вигляді фільтрування стилів наразі працює так:

exports.html_sanitize = function(html) {
    let defaultTreeAdapter = parse5.treeAdapters.default
    let adapter = Object.create(defaultTreeAdapter)

    adapter.appendChild = (parentNode, newNode) => {
        if (newNode.nodeName === 'style') return
        defaultTreeAdapter.appendChild(parentNode, newNode)
    }

    let doc = parse5.parseFragment(html, { treeAdapter: adapter })
    return parse5.serialize(doc)
}

Comments

[artgr]

Просто front-end зараз розвивається зі страшною силою, і кожен, хто його розвиває, розвиває його у якомусь своєму, відмінному від інших, напрямку.

А щодо React, то він, як і будь-які інші фрейморки такого розливу, дає в чомусь виграти, але в чомусь і програти. Як на мене, то дрібниці на кшталт Vue.js часто бувають куди виправданіші, ніж паровози типу Angular або React. В будь-якому разі, Vue куди швидше засвоюється.

[henry_flower]

мова не про фреймвоки, а про жалюгідний стан shadow dom v1 у ff та сумну поведінку ff

[artgr]

Я загалом по ситуації.

[jurgen]

Ну не додатком ж до гугл-пошука користуватися? гг
Опера нажаль, здохла.

[henry_flower]

є ж сафарі!

*ducks & runs*

[jurgen]

Ага, i почуття гумору. :))

[picterman]

Знову?

[jurgen]

После 12й версии, а так же вивальди и прочие форки считаются уже зомби.

[henry_flower]

ще 1.5 роки тому

"On 18 July 2016, the company announced it had sold its browser, privacy and performance apps, and its name to Golden Brick Capital Private Equity Fund I Limited Partnership (a consortium of Chinese investors including Qihoo 360) for an amount of $600 million USD."

після того чудового івенту почалося таке:

* Opera says its service for syncing web browser data was hacked

* Opera’s desktop browser now features quick access to Telegram

imo добровільно користуватися цим можуть лише справжні відчайдухи.