Questions tagged [polymer]
The Polymer library provides a set of features that make it easy and fast to make custom elements that work like standard DOM elements.
8,270
questions
0
votes
1
answer
47
views
Why is input element retaining the value? Data binding is not applying the second time
Using lit element... I have this element called single transaction. From the list of transactions page, I click on single transaction and go to a new page with single transaction.
In the notes input ...
1
vote
0
answers
19
views
Why does Flexbox break PolymerElements/paper-tabs?
When trying to style paper-tabs alongside iron-pages on a webpage within a div, using Flexbox, specifically display: flex, the tabs disappear. If I remove display: flex, they re-appear.
Example of ...
0
votes
2
answers
52
views
Custom polymer component not triggering sweetalert
I have created a custom card component in polymer
import { PolymerElement, html } from 'https://cdnjs.cloudflare.com/ajax/libs/polymer/3.5.1/polymer-element.js';
class CustomCard extends ...
1
vote
2
answers
571
views
How to obtain all n atom fragments (substructures) from a mol file using RDKIT?
I am interested in obtaining fragments, or sub structures, that contain 4 non-hydrogen atoms within a larger molecule.
The closest example to accomplishing this is referenced from
https://iwatobipen....
0
votes
0
answers
73
views
Vaadin Moving from 23 to 24 fails to find ironListConnector.js
App runs fine in 23, working to update to 24.0.2.
App builds without errors but get the following errors on execution from the NetBeans IDE.
There is a long series of lines after the initial error ...
0
votes
0
answers
177
views
Ways to handle global variables in TypeScript/web components
I have two packages/repositories - one with my (web) components and one parent repository with the application itself that contains a set of these components. The app repository imports the component ...
0
votes
0
answers
49
views
How to use Polymer's Iron-Selector in plain JS?
I am using this CDN repo: https://github.com/download/polymer-cdn to import Polymer's Iron-Selector into my HTML page, other elements import sucessfully but Iron-Selector component does not. No error ...
0
votes
0
answers
35
views
How to import & use Polymer's Iron-Selector component in plain JS
I want to use the iron-selector component (https://github.com/PolymerElements/iron-selector) for one of my lists in plain HTML (no node.js).
What i have tried is the following:
import in HTML:
<...
0
votes
2
answers
59
views
Polymer, adding new item in nested Array in not getting rendered by dom-repeat
I have a nested array and I need to add new subject for multiple persons, but for keeping it simple I will add new subject to Jon only.
[
{
gender: "male",
persons: [
...
-2
votes
1
answer
24
views
Webpage using polymer library suddenly broken
At my workplace some web pages have suddenly started to malfunction a few days ago (lots of elements are not showing anymore in the pages.). I inspected the matter in firefox using the developer's ...
0
votes
1
answer
88
views
Lit web component not updating Polymer element attribute
I have been referencing the Home Assistant project's use of Polymer app-layout elements with the Lit library. The issue I am having is that I cannot get a public property in my custom component to ...
-1
votes
1
answer
29
views
Polymer1: addEventListener for Notify Not Working as Expected
I am trying to call window.addEventListener on my custom behavior however im not having any luck getting it to work.
test-bahvior.html
<script>
"use strict";
window.MyTest = ...
2
votes
1
answer
531
views
Get Element out of Shadow DOM or use styles of main site
I'm working in a project which uses Polymer (still on 1.7, we'll relaunch using a different technology instead of upgrading...) and I'm supposed to check out the possibilities to make it work together ...
-1
votes
1
answer
32
views
how to hide drop down list in poymer-js
I need to hide dropdown-menu. i tried .hidden property but it is not working
<paper-dropdown-menu id="firmChannelFilter" hidden="${(this._channelFilterVisibility)}"
...
0
votes
0
answers
193
views
Vaadin 14 and Highcharts integration
I have a Vaadin14-based project with Polymer3 components.
I created a small wrapper for Highcharts HighStock component without using embedded Vaadin Charts.
Now I need to add a stock-tools panel to ...
2
votes
0
answers
55
views
Web scraping site using polymerjs / webcomponent
I'm using colly to web scrape youtube charts. This site use polymerjs and as a result, I'm having issues to capture the DOM elements. A simple test I did was document.querySelector("#search-...
0
votes
1
answer
2k
views
how to trigger or click this button which uses aria-expanded to display a modal via console
So I tried to use document.querySelector('.d2l-contextmenu-ph').attr("aria-expanded","true"); to basically click the button "hh" button. It doesnt work for me, so can ...
0
votes
1
answer
135
views
Javascript function inside polymer is not a function error
I have a javascript function defined in polymer as such:
myTest(arg) {<do stuff here>}
Inside this function, based on some conditions, I want to change the onclick of a button defined in the ...
0
votes
1
answer
330
views
Vaadin 14 convert Polymer component to Lit with TypeScript
I use Intellij IDEA and Vaadin 14.
How can i convert simple Polymer component to Lit with TypeScript?
I want to learn how to create Lit with TypeScript in order to upgrade project to latest Vaadin LTS,...
-1
votes
1
answer
275
views
AudioWorkletProcessor and Polymer 3.4.1 and 'window' not defined
Trying to use lit element/Polymer Web components AND an Audioworklet/AudioWorklet processor, I got this error:
boot-c9e09360.js:20 Uncaught ReferenceError: window is not defined
at boot-c9e09360.js:20:...
1
vote
1
answer
310
views
Failed to resolve module of Polymer 3 in Electron v.17 application
I get electron-quick-start and electron-polymer from fluidnext to use for my Polymer 3 application.
When i try to import my webcomponents to the project, i have got this error: Uncaught TypeError: ...
1
vote
1
answer
135
views
JS method not defined
I want to use a java-script method in a polymer Template. I am using Vaadin with Polymer Elements. In my Project I have a Vaadin-Grid of Objects that can be of different type. I want to render these ...
0
votes
1
answer
576
views
RDkit fingerprint
I have 100 polymers and I want to compare their solubility by their fingerprint.
By using rdkit I reach a list of bits for each polymer like as [39, 80, 152, 233, 234, 265, 310, 314, 321, 356, 360, ...
1
vote
0
answers
70
views
how to implement menu navigation in polymer js
I am new to polymer js
I tried simple polymer application using menu navigation for home ,about and gallery page
index.html page
<html>
<head>
<script src="node_modules/@...
0
votes
1
answer
1k
views
Leaftlet: Adding feature overlay to control, dynamically
I need to add a FeatureGroup to the overlays list. I do add some overlays when instantiating the Leaflet map, but I now need to append a FeatureGroup dynamically, ie. based on some run time conditions....
2
votes
2
answers
1k
views
Detect click outside of the current web component
I have a web component (Polymer 3) that is embedded in other components and want to "sense" clicks outside of it. For example, in React I would do something like this inside of the component:...
0
votes
0
answers
128
views
Vaadin 14 Polymer element this.dispatchEvent is not a function
I'm trying to write a Polymer Wrapper on top of leaflet and leaflet-draw. I've managed to create the map and the drawing toolbar but I'm unable to send events to the server using the dispatchEvent ...
-1
votes
1
answer
811
views
How to edit #shadow-root (user-agent) value in selenium with Python
My working environment is Python, Chrome, Selenium
I want to edit shadow-root (user-agent)'s value
<div class="divclass">
<input type="tel" id="mytel" ...
2
votes
1
answer
700
views
Stripe Elements cannot be mounted in a ShadowRoot. Please mount in the Light DOM
I have been using Stripe for my lit element project. The mounting the card element doesn't works at all. Here is my code sample that I am using
import { LitElement, html, css, property, query } from &...
3
votes
3
answers
10k
views
How to handle and pass events to the lit component from defining component
I am trying to design web components using lit Element and I need an help regarding the events.
As we can see from the attached snippet we could use @change="${this.handleEvent}" in html ...
0
votes
0
answers
78
views
display pre-selected form values not 'stick' on on-change event in Polymer JS
This is in Polymer JS. onchange is actually on-change.
I have a dropdown, with two items to select. Each item (commercial = 2, residential = 1) has specific fields in the DOM-repeat portion of the ...
2
votes
1
answer
752
views
Vaadin Flow - how to add a custom icon set?
I am using vaadin flow v21. I like to create a custom component which is using an own svg icon set. I tried to create the set based on the vaadin-icon but the svg definition will not be copied over ...
1
vote
2
answers
331
views
Advanced search in Javascript
I try to implement a search bar in a project.
It should just search for the entries and hide the rows, when the input doesn't match.
This is what I did and it's working.
_searchCalls() {
let ...
0
votes
0
answers
91
views
Polymer 3.0 searching
I came to the point where I really need your help.
I will try to explain what I'm doing. I'm doing an internship
and I need make a call journal.
I need to implement it with Polymer, so far so good.
I ...
2
votes
1
answer
717
views
Version conflict - Uncaught DOMException, the name "mwc-icon" has already been used with this registry. Custom Component
I'm trying to use Material Custom Component and also using some other components. But I have version conflict Uncaught DOMException.
Uncaught DOMException: Failed to execute 'define' on '...
0
votes
0
answers
121
views
Import html from a cdn?
This may be a stupid question, but I am doing a proof of concept for a feature which would be used in a polymer component (later be migrated to Lit).
So, the use case is quite a simple one. As the ...
0
votes
1
answer
2k
views
How to handle click event and append HTML in Lit-Element?
Trying to create a list using every button click.
I want to append the li tag in the ul element. OnClick I have created the addList function.
Handle click event.
Here is the code.
render() {
...
0
votes
0
answers
339
views
Working with DOM properties like scrollHeight, scrollTop in shadow DOM
working with LitElement and in shadow dom. I used to have this code in light dom:
const {scrollHeight,scrollTop,clientHeight} = document.documentElement;
When I switched to using shadow dom, this....
1
vote
1
answer
906
views
Hidding api key in front end application
I am using polymer js for front-end and I am having a file where I am using google-map API how can I hide the API without using "dotenv" .I am using loopback framework.
How can i store the ...
1
vote
1
answer
492
views
Vaadin 14 components not show up / not visible
I'm developing new module in our application using vaadin14 components (eg https://vaadin.com/components/vaadin-date-picker). Everything worked pretty well, but after adding few components (text ...
0
votes
0
answers
65
views
Polymertemplate instantiation time
I'm using a library that in its main class extends PolymerTemplate where I noticed that the creation of an instance of the component in the library takes about 20ms.
I've removed basically everything ...
0
votes
1
answer
115
views
How to locate elements for validator.ampproject.org to automate amp validation using Selenium and Java/JS?
This type of tags are present in the UI. I want to automate to put URL in required field in UI and validate the status.
1
vote
1
answer
165
views
Polymer/Lit-Element - Braintree gateway integration - Web Component problem
I am trying to integrate Braintree payment gateway to Vaadin 14 which is using Polymer for its frontend.
Basically we have a custom Vaadin front-end view to load script https://js.braintreegateway.com/...
1
vote
3
answers
141
views
What does .$ mean in javascript
I was in the console trying something when i saw that the .$ can be used along with the document object to access the elements. But i don't know what it actually does.
example :-
0
votes
0
answers
420
views
how to add lit-elements in nuxt js
*****[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside
, or ...
2
votes
1
answer
1k
views
"Module parse failed: Unexpected character '@'" when using lit component with NextJS
I try to import a lit component in my NextJS project.
Here is my component:
import {html, css, LitElement} from 'lit';
import {customElement} from 'lit/decorators.js';
@customElement('my-element')
...
1
vote
3
answers
538
views
Using html function outside component returning [object Object] LitElement
I'm having headaches with this, if someone knows how to solve it, will be awesome.
I'm using LitElement to create a table component, the developer that wants to use it can add a customHTML to render a ...
0
votes
1
answer
2k
views
update member of LitElement for the refreshing of the rendering?
My extended LitElement class has variable members, the values of which could be changed at any time. The rendering depends on several of them. I'd like know, which update() member function should be ...
0
votes
1
answer
182
views
Web components community polymer web components
If I look at the polymer shop I am instantly sold on wanting to use this as a starter for my web shop. Not just because it's already a web shop (full pwa technology) but because it has excellent (...
1
vote
2
answers
2k
views
where to define selector document.querySelector in LitElement?
A selector class is defined in css:
static get styles() {
return css`
.selector select {
font-size: 1.125rem;
color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom:...