Вопросы по теме 'shadow-dom'
Является ли использование содержимого, созданного с помощью CSS (т.е. псевдоэлементов), более эффективным (т.е. анализируется / обрабатывается быстрее), чем добавление дополнительных элементов DOM?
Чтобы мое мобильное веб-приложение оставалось компактным и эффективным, я пытаюсь ограничить количество элементов в DOM в любой момент времени. Один из способов, которым я намерен ограничить использование элементов DOM, - это использование...
3053 просмотров
schedule
30.05.2022
Применять стили к собственным элементам браузера, к родному ShadowDOM?
После выступления Роба Додсона о веб-компонентах, в котором он упомянул совершенно новые селекторы CSS "cat" ^^ и "hat" ^ , я спросил о возможностях применения стилей не только к ShadowDOM пользовательского элемента, но и к ShadowDOM собственных...
351 просмотров
schedule
24.02.2022
Как стилизовать компонент AngularDart, используя в конечном итоге несколько файлов CSS
Мне было интересно, как лучше всего стилизовать компоненты AngularDart? Я хотел бы иметь возможность разделить базовые стили в отдельный файл CSS, а затем просто как-то включить его (возможно, @import , если angular dart поддерживает это) в свой...
2018 просмотров
schedule
21.11.2022
Плохо ли стилизовать элемент непосредственно в полимере?
Например, я мог бы сделать следующее:
<polymer-element name="hello-world">
<template>
<div style="background-color: red">
hello world!
</div>
</template>
</polymer-element>
Кроме того, я...
162 просмотров
schedule
10.04.2023
Пользовательские элементы и доступность
Я хотел бы реализовать виджет списка, используя текущие спецификации веб-компонентов. Более того, результирующий список должен соответствовать стандарту ARIA. Создание экземпляра виджета списка должно быть таким же простым, как:...
428 просмотров
schedule
04.01.2024
web_components вместо shadow_dom для углового дротика
Поскольку shadow_dom официально объявлен устаревшим и содержит некоторые досадные ошибки. интересно, безопасно ли использовать web_components, как это предлагается на странице паба. в то время как dart-angular tutorial по-прежнему использует...
58 просмотров
schedule
20.11.2023
Как нацелены на события Shadow DOM из-под ‹content›?
Я пытаюсь понять, как выглядят события, возникающие в световой модели DOM, полученные в теневой модели DOM через элемент <content> . Я читаю Shadow DOM W3C Draft и не полностью понимаю это, но похоже, что события должны быть...
4624 просмотров
schedule
20.05.2022
Как получить доступ к элементу с пользовательским полимерным элементом?
Учитывая пример элемента.
<my-element>
<h1>Hello world</h1>
<a href="/test">Test</a>
</my-element>
Как мне выбрать href тега a?
Извините, у меня нет больше, я тестировал целую кучу вещей.
Я...
80 просмотров
schedule
20.04.2023
Как создать теневой корень внутри теневого корня
Я знаю, что это легко использовать полимер, но я хочу сделать это с помощью JavaScript
Теневой корень > Теневой корень > теневой корень
711 просмотров
schedule
14.11.2023
Доступ к узлам в теневом корне
У меня есть свой пользовательский элемент, определенный как:
class purchaseLines extends HtmlElement {
static final tag = 'purchase-lines';
factory purchaseLines() => new Element.tag(tag);
var shadow, innerDiv;
purchaseLines.created()...
272 просмотров
schedule
09.10.2023
Добавлен шаблон автопривязки Polymer, перестал работать javascript
Поэтому я выложил весь свой сайт с помощью HTML и CSS. Затем я сделал некоторый javascript, а именно для обработки переключения вкладок. Все работало отлично. Когда я решил подключить данные, вместо того, чтобы помещать весь свой сайт в полимерный...
190 просмотров
schedule
22.08.2023
Полимер, принудительное закрывание ящика ящика-панели при готовности
Я пытаюсь заставить ящик сердечника-ящика-панели закрыть на готовом полимере. В настоящее время у меня есть основная панель ящиков как часть пользовательского элемента, который я определяю. Я пробовал следующее:
«drawer» — это идентификатор...
1196 просмотров
schedule
20.08.2023
Как исправить реализацию этого пользовательского элемента ‹content›?
Я пытаюсь создать «включенную» версию пользовательского элемента, где, когда он оборачивает некоторый произвольный HTML, он будет выборочно выбирать содержимое из этой обернутой разметки и отображать его в своем теневом теле DOM. Вот так:...
96 просмотров
schedule
29.07.2023
Легкий стиль DOM спускается вниз к теневому DOM
Я создал пользовательский элемент из полимера. Когда элемент включен в h2 , он наследует boldness и font-size h2 . Мне нужно, чтобы мои компоненты были защищены от внешнего мира и не подвергались влиянию стилей легких домов. Как я могу...
483 просмотров
schedule
09.08.2022
webcomponents.js Shadow DOM: селектор хоста не работает в Safari и Firefox
Я попытался создать свой собственный веб-компонент с помощью полифилла из https://github.com/webcomponents/webcomponentsjs .
Вот мой код:
им-список.html
<template id="im-list-temp">
<style>
:host {
list-style-type:...
1129 просмотров
schedule
26.02.2023
Как создать область видимости стиля для произвольного контента с помощью полимерных / веб-компонентов
Я пытаюсь и не могу создать простой веб-компонент только для целей определения стиля.
Идея состоит в том, что я определил бы компонент, скажем <scoped-style> , который @import составляет таблицу стилей, так что любой экземпляр...
196 просмотров
schedule
12.06.2023
Наследование от родительских полимерных элементов (Polymer 1.0)
Я использую Polymer 1.0. У меня есть полимерный dom-модуль:
<parent-node></parent-node>
И я заполняю узел другим моим собственным отдельным модулем Polymer dom:
<parent-node>
<child-node></child-node>...
379 просмотров
schedule
18.02.2022
`video::-webkit-media-controls-start-playback-button` с `translate3d()` в мобильном Safari iOS9. Как этому противостоять?
У меня есть элемент video на странице с круглой кнопкой воспроизведения в центре. Эта кнопка воспроизведения является частью теневого DOM video и имеет стиль transform: translate3d(0,0,0) . Теперь проблема в том, что если я наложу div поверх...
1654 просмотров
schedule
10.07.2022
Можно ли запретить импортированному коду javascript изменять мой дом
Что я хочу сделать, так это позволить другим людям иметь возможность кодировать свою собственную логику для отображения содержимого определенного элемента div, который я им даю. Это пространство, в которое они могут свободно добавлять элементы DOM,...
97 просмотров
schedule
27.05.2023
Проблема с вложенными полимерными компонентами
foo.html:
<link rel="import" href="bar.html">
<dom-module id="p-foo">
<template>
<p-bar>
<content select=".myContent"></content>
</p-bar>
</template>...
154 просмотров
schedule
16.12.2022