Вопросы по теме 'shadow-dom'
Шаблоны Shadow DOM на стороне сервера
Меня интересует новый стандарт под названием "Shadow DOM" , который в настоящее время не поддерживает браузер по умолчанию. А как насчет эмуляции на стороне сервера? Я имею в виду что-то вроде пользовательских тегов в механизме шаблонов, но с...
591 просмотров
schedule
10.09.2022
Методы xxxChanged не вызываются в JavaScript
У меня две упаковки с несколькими полимерными кастомными элементами.
Each package imports the other
One package contains elements that use or derive from the elements in the other package.
Другой пакет использует элементы из импортированного...
57 просмотров
schedule
06.04.2022
Как удалить теневой корень из HTML-элемента, украшенного теневой DOM из шаблона?
Я изучаю импорт, шаблоны, теневой DOM и настраиваемые элементы в Chrome Canary (33.0.1712.3). В макете сетки у меня есть определенный элемент содержимого (область отображения), который будет отображать различные веб-компоненты или клонированные...
26484 просмотров
schedule
07.12.2021
Как программно добавить компонент в Angular.Dart?
Я хотел бы динамически построить дерево компонентов на основе некоторой информации, полученной от вызовов AJAX.
Как программно добавить компонент в DOM изнутри другого компонента? У меня есть <outer-comp> и я хотел бы, исходя из некоторой...
4684 просмотров
schedule
28.01.2023
Могу ли я получить доступ к теневой модели DOM с помощью jQuery?
Я определил компонент с полимером следующим образом:
<polymer-element name="my-component">
<template>
<div id='test'>CONTENT</div>
</template>
</polymer-element>
Теперь я хочу получить доступ к...
26207 просмотров
schedule
23.04.2022
Нативный и полифиллированный теневой DOM
Я работаю над проектом, в котором я строю граф с несколькими узлами и ребрами, используя Polymer и веб-компоненты. Я использую базовую библиотеку, разработанную моей компанией, которая не основана на веб-компонентах. Эта библиотека содержит функции...
228 просмотров
schedule
25.04.2023
Использование angular.dart с Bootstrap дает Object #‹Document› не имеет метода getAttribute
При использовании Angular.dart 0.9.10 с начальной загрузкой 3.1.1 и компиляции в Javascript я получаю уродливую трассировку стека, прикрепленную ниже.
Трассировка стека печатается в консоли каждый раз, когда я, например, фокусирую текстовое поле...
310 просмотров
schedule
22.02.2023
Может ли элемент Polymer добавить прослушиватель событий к своему родительскому элементу, находясь внутри теневой модели DOM?
Я хотел бы создать элемент контекстного меню, который автоматически добавляет contextmenu слушателя к его родительскому элементу (чтобы его можно было развернуть, щелкнув правой кнопкой мыши родительский элемент). Мне удалось это сделать,...
850 просмотров
schedule
27.02.2022
Перенацеливание событий Focus и Blur
У меня есть пользовательский элемент Polymer, который предназначен для представления сложного типа ввода. Он содержит фактический тег input внутри своего Shadow DOM, например:
<polymer-element name="my-input">
<template>...
3675 просмотров
schedule
17.05.2023
AngularDart — Как стилизовать компонент с помощью глобального CSS в Google Chrome 35m (applyAuthorStyles устарел)
Я разрабатываю большой проект с использованием Angular Dart. Javascript будет сгенерирован из Dart с использованием dart2js. В настоящее время проект предназначен для Google Chrome, но в будущем он должен работать и в Firefox.
Все было хорошо,...
1037 просмотров
schedule
11.06.2022
Перехват событий щелчка через барьер Shadow DOM
В своем приложении я перехватываю клики по ссылкам и превращаю их в вызовы AJAX, чтобы добиться одностраничного приложения. В jQuery это выглядит примерно так:
$('#main').on('click', 'a[href]', function(e) {
if (e.which == 2 || e.metaKey)...
741 просмотров
schedule
26.07.2022
document.querySelector() возвращает ноль
Я создаю полимерный элемент. Я сделал шаблон и сейчас работаю над сценарием. По какой-то причине document.querySelector возвращает значение null для селекторов классов и идентификаторов. Не уверен, что это не работает с полимером (нет причин, по...
21261 просмотров
schedule
01.05.2023
Как я могу наследовать ширину и высоту веб-компонентов своими дочерними элементами?
У меня есть эта кнопка, это веб-компонент bootstrap-social . Я хотел бы установить его display:inline , чтобы кнопка заканчивалась, когда заканчивается ее внутренний текст. Как вы можете видеть на изображении, его высота и ширина равны 0 , я бы...
3001 просмотров
schedule
03.05.2023
Как пропустить Shadow DOM (и использовать Light DOM) вместо шаблонов Polymer
Иногда вам может понадобиться полностью пропустить Shadow DOM с помощью Polymer.
545 просмотров
schedule
27.07.2023
Полимер, который можно перетаскивать с помощью селектора Interact.js/shadowDOM
Я пытаюсь использовать библиотеку взаимодействия.js для создания перетаскиваемого события Polymer. Я знаю, что существует элемент core-drag-drop, я хотел бы использовать интерактивность.js. Я пытаюсь заставить работать первый пример, передавая класс...
1000 просмотров
schedule
30.04.2023
Свойство объекта события Polymer drag-drop содержит родительский srcElement
Я создаю простое одностраничное приложение с использованием Polymer. Я создал пользовательский элемент, который содержит демо-версию Polymer-drag-drop. Действие перетаскивания и создания div работает нормально, свойство relatedTarget объекта события...
965 просмотров
schedule
16.05.2022
Доступ к div внутри шаблона элемента Polymer
Я пытаюсь использовать основную анимацию в div, чтобы оживить его положение. Для этого мне нужно выбрать его с помощью document.getElementById(). Проблема в том, что у меня довольно сложная структура в файле index.html, и я не могу найти способ...
2058 просмотров
schedule
26.09.2022
Как работает Polymer Hero Transition
Во-первых, мне трудно понять основы смены героя в Polymer. Я пытаюсь создать карточку перехода героя, подобную той, что в предоставленном ими примере, которую можно найти здесь . Ниже я построил мини-карту, и я просто пытаюсь понять переход и то,...
762 просмотров
schedule
28.02.2023
использование теневого дома в Internet Explorer
Приведенный ниже код работает в Chrome, но не в Internet Explorer. Есть ли способ использовать его в Internet Explorer?
<html>
<head></head>
<body>
<div>
<h4>My Content Heading</h4>...
7552 просмотров
schedule
21.12.2022
Поле ввода формы PHP и теневой корень (пользовательский агент)
Я работал с PHP и MySQL, чтобы создать страницу для ввода, а также отображать результат в поле ввода. Я вставил некоторые фиктивные данные в БД для целей тестирования, но потом понял, что значение не появится:
И при использовании...
551 просмотров
schedule
03.11.2022