Описание тега shady-dom

Shady DOM - это облегченная оболочка проекта Google Polymer, которая предоставляет некоторые из преимуществ Shadow DOM несовместимым браузерам без дорогостоящих затрат ресурсов на полную поддержку Shadow DOM.
1 ответ

Селектор jQuery не очень хорошо работает для шаблона Polymer2 Shady Dom

Моя компания использует Bootstrap Tour, который прекрасно работает с PolymerV1, но после обновления до версии PolymerV2 в тени. Селектор jQuery работает не очень хорошо. Например: если использовать этот способ: // ConfigurationId автоматически генер…
20 дек '18 в 02:45
1 ответ

Полимерные компоненты стилей Shady DOM просто комментируют производство

Я преследовал эту ошибку некоторое время. В разработке все работает хорошо, когда подталкивают к Heroku для производства, это не так. Я использую паруса на бэкэнде, но это не проблема, так как это проблема на стороне клиента. Хуже всего то, что это …
1 ответ

Заставить переменные css отбирать дочерние компоненты

Я использую Polymer 2 для создания библиотеки компонентов, но у меня возникают проблемы с переменными css в браузерах, отличных от Chrome. У меня есть компонент-оболочка (x-page), и у него есть свойство темы, которое может быть light или же dark, Мо…
0 ответов

Поддержка теневого и теневого

Я работаю над общим веб-компонентом, упаковывая библиотеку сетки на основе jquery с помощью Polymer. Я обнаружил, что пользовательские темы, которые поставляются с библиотекой, работают нормально, если я использую глобальную настройку теневого DOM п…
09 сен '16 в 00:53
1 ответ

Почему ширина: 100% не применяется к элементу локального хостинга?

В этом пользовательском элементе width: 90% не будет применяться при использовании в :host, но width: 90% будет применяться, если я применю его к section, Почему это? не portfolio-display элемент теневой дом, в котором width: 90% следует применять к…
26 авг '15 в 01:46
1 ответ

Являются ли входные значения бумаги 2,0 связываемыми с помощью Polymer 2

Элемент ввода бумаги Polymer допускает двустороннее связывание атрибута value при использовании с теневым DOM. Но это не позволяет двухстороннее связывание с Polymer 2, потому что Polymer 2 использует теневой DOM<paper-input label="User Name" val…
1 ответ

Стиль документа, влияющий на локальный DOM при использовании Polymer 1.0 Shady DOM

Следующее иллюстрирует эту проблему с помощью тривиального примера, который я подготовил и отправил в репозиторий github. Я создал пользовательский элемент "x-menu" (в /x-menu.html) с правилами стилей для легкого DOM. На практике мой вариант использ…
02 дек '15 в 20:39
1 ответ

Как включить Shady DOM в Polymer 2.0?

Polymer 1.x по умолчанию использует Shady DOM, но это можно изменить при инициализации, установив window.Polymer объект перед импортом polymer.html следующее: <script>window.Polymer = {dom: 'shadow'};</script> <link rel="import" href=…
10 дек '16 в 03:09
0 ответов

Измените "--accent-color" в Polymer через всю страницу в SHADY DOM

Я динамически обновляю '--accent-color' во всех полимерных элементах следующим образом: Polymer.updateStyles({'--accent-color': 'red'}); Работает отлично под Shadow DOM, но в Shady DOM меняются только некоторые элементы. Кто-нибудь знает способ изме…
18 авг '15 в 18:21
0 ответов

Как автоматизировать элементы shadow dom в браузере, интегрировав shady dom api?

Мы сталкиваемся с проблемами при автоматизации элементов shadow dom с помощью веб-драйвера selenium в браузере Safari. Основная проблема, с которой мы сталкиваемся, заключается в том, что мы не можем отправлять ключи в текстовые поля, находящиеся в …
27 июл '16 в 06:31
0 ответов

Полимерная перекрестная укладка не работает

Я пытаюсь повлиять на CSS теневого DOM элемента, используя стили, примененные к хосту. Кажется, это должно работать, но это не так. /* my-element styles */ :host .conditional { display: none; } :host(.show-conditional) .conditional { display: list-i…
30 янв '17 в 22:38
0 ответов

shadow.appendChild медленнее в shadyDom

Я экспериментирую с вебкомпонентами. Я использовал Shady DOM для работы с браузерами, которые еще не поддерживают Shadow DOM (Mozilla и IE). Я считаю, что shadow.appendChild значительно медленнее в ShadyDOM, чем в ShadowDOM. Вот JS Fiddles'для Shado…
31 янв '17 в 09:15
1 ответ

Polymer 2.0 с использованием Shady DOM document.getElementByID()

Я использую Shady DOM в Polymer 2.0 с помощью следующего сценария <script>window.ShadyDOM = {force:true};</script> Я создал три пользовательских элемента входа в систему электронной почты, пароль входа и кнопку входа. Когда нажата кнопка…
12 дек '17 в 09:49
1 ответ

Shadow DOM v1 CSS polyfill

https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom Это меня очень взволновало, я мог написать свою собственную веб-страницу с нуля без полимера. Только чтобы узнать css :host например не работает в Edge и FireFox. Я мо…
1 ответ

Работает ли paper-dialog-scrollable в тенистом доме?

Я пытался сделать мой paper-dialog с возможностью прокрутки paper-dialog-scrollable но я не могу заставить его работать.. Я пытался максимально упростить свой код, содержащий почти только ctrl+c а также ctrl+v код из демо на GitHub. https://github.c…
23 июн '17 в 13:38
1 ответ

Полимер 0.8 Shady DOM

Предотвращает ли Shady DOM, представленный в Polymer 0.8, утечки стилей в локальный DOM или это может сделать только Shadow DOM? https://www.polymer-project.org/0.8/docs/devguide/experimental.html В следующем примере, Shady DOM помешает заголовку ст…
21 апр '15 в 03:39
1 ответ

В чем разница между теневым DOM Полимера и теневым DOM?

У меня проблемы с использованием теневого DOM для одного из веб-компонентов (paper-stepper), и вместо этого требуется использование теневого DOM. Я не уверен, в чем различия и почему это так.
07 июн '16 в 23:39
1 ответ

Диалоговое окно из полимерной бумаги - установить размер для полного окна просмотра в тенистом доме? Кроме того, относится ли эта старая статья к теневому дому?

Я использую Poylmer 1.0, но я все еще читаю https://www.polymer-project.org/0.5/articles/styling-elements.html. Кто-нибудь знает, применяется ли такая же логика к Shady дом? Мне очень нравится, как https://events.google.com/io2015/ делал свое видео.…
12 июл '15 в 22:01
0 ответов

Поведение ShadowDOMV0 с Polyfill с флагом --disabled-blink-features

Согласно блогу Polymer, Chrome устареет WebComponents v0 с марта 2019. Мое приложение построено с Polymer v1.x и мы используем родной ShadowDOM, После износа, ShadowDOM больше не будет работать, и реализация вернется к Shady DOM. Что касается блога,…
1 ответ

Предоставьте конкретный элемент в ShadowDom для внешнего JS, используя document.getElementById

У меня есть веб-компонент v0/Polymer 1, который я обновляю до v1/Polymer 2. Этот веб-компонент динамически создает URI, который загружает внешний файл JavaScript. Внешний файл JavaScript запускается и загружает <iframe> в <div> моего ком…