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.

Filter by
Sorted by
Tagged with
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 ...
dman's user avatar
  • 10.5k
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 ...
Guybrush Threepwood's user avatar
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 ...
Gandalf's user avatar
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....
meadeytabeedy's user avatar
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 ...
Joe's user avatar
  • 31
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 ...
DeveloperNew's user avatar
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 ...
Sam's user avatar
  • 310
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: <...
Sam's user avatar
  • 310
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: [ ...
Abhigyan Kumar's user avatar
-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 ...
Benjamin schwarz's user avatar
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 ...
devjklein's user avatar
  • 124
-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 = ...
yush's user avatar
  • 385
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 ...
S. Parton's user avatar
  • 103
-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)}" ...
Satyam Kumar's user avatar
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 ...
moryakovdv's user avatar
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-...
Jess's user avatar
  • 53
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 ...
Vzupo's user avatar
  • 1,418
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 ...
Sergiu's user avatar
  • 2,533
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,...
lanmaster's user avatar
  • 330
-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:...
giwyni's user avatar
  • 3,008
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: ...
Matheus Ribeiro's user avatar
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 ...
Dario Viva's user avatar
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, ...
Arash tayyebi's user avatar
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/@...
John Ken's user avatar
  • 908
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....
Antonio's user avatar
  • 47
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:...
Arte2's user avatar
  • 323
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 ...
Sergiu's user avatar
  • 2,533
-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" ...
yeji's user avatar
  • 1
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 &...
Kiran Tangellapalli's user avatar
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 ...
Onera's user avatar
  • 697
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 ...
Fighithebird's user avatar
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 ...
megloff's user avatar
  • 1,440
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 ...
JohnJonta's user avatar
  • 165
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 ...
JohnJonta's user avatar
  • 165
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 '...
Hiten B's user avatar
  • 61
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 ...
Hitesh Misro's user avatar
  • 3,391
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() { ...
Hiten B's user avatar
  • 61
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....
user3757849's user avatar
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 ...
aabb p's user avatar
  • 45
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 ...
Szymon Szpakowski's user avatar
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 ...
Hons's user avatar
  • 3,854
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.
Shubham's user avatar
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/...
Thang Le's user avatar
  • 1,449
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 :-
user avatar
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 ...
Raj Patel's user avatar
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') ...
Neilujd's user avatar
  • 61
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 ...
Victor Magalhães's user avatar
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 ...
enwicklerjohnny's user avatar
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 (...
HMR's user avatar
  • 38k
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:...
enwicklerjohnny's user avatar

1
2 3 4 5
166