Using Polymer 0.5 in real-world applications

While using some of the polymer 0.5 components in production, I noticed some deprecations related to deep and shadow dom being emitted in the console. This made me question if the 0.5 components are built on experimental APIs. Is there a possibility that these components could completely break in the near future? If that were to happen, can we force the library to use a polyfill for every browser?

I also observed similar deprecations logged in the console when I accessed the 1.0 polymer components on the polymer.org website. Does this indicate that these components are also unstable and could undergo significant API changes in the near future?

Thank you, Blaze

Console output:

/deep/ combinator is deprecated. See for more details. app.js:418 homepage_elements.vulcanized.js:1 ::shadow pseudo-element is deprecated. See for more details.

javascriptpolymerpolymer-1.0

Answer №1

The use of deprecated CSS selectors in Polymer 0.5 has been a topic of concern, as noted in this Chromium bug report. It appears that Chrome developers have been eager to phase them out for some time now.

As for polyfills, the strategy remains unclear to me.

In Polymer 1.x, these selectors were also used for certain functionalities, but efforts were being made to replace them with newer alternatives. It seems that the elements provided by the Polymer team, available at , have moved away from using these selectors. It is likely that other vendors will follow suit in migrating towards newer solutions.

While Polymer 1.x is considered stable, it is recommended for production use if you are looking for reliability.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

My presentations are not functioning as expected, could there be a problem with my HTML, CSS, or JavaScript coding?

My website utilizes a Slideshow feature to display images for blog posts. Recently, I attempted to include multiple slideshows within an article, which unfortunately caused all of the slideshows to malfunction. As it stands now, when the code is executed, ...

javascripthtmljquerycss

Obtain JavaScript object from WebView in Swift

Currently, I am displaying a webView in my iOS app using Swift. My goal is to retrieve an object from the JavaScript code within the webView. Upon inspecting the console, I discovered that the desired object is named "window.user". However, when attempti ...

javascriptiosswiftwebviewuiwebview

Retrieving a PHP script from within a DIV element

I am seeking assistance to successfully load a PHP file from a DIV call. Below is the code I have used: <html> <head> </head> <body> <script class="code" type="text/javascript"> $("#LoadPHP").load("fb_marketing ...

phpjavascripthtml

When attempting to duplicate a project from Bitbucket and working in VS Code, I encountered several errors and warnings while running npm install

I have a project on Bitbucket that I'm trying to clone. The project is quite old, about 3 years old, so some packages may be outdated. However, when I run npm install, I am seeing a lot of warnings and errors. Additionally, the project was originally ...

javascriptreactjsvisual-studio-codenpmnpm-install

Utilizing jQuery for array selection

If there's an array of HTML elements with the following structure... let info = [<tr>...</tr>, <tr class="name">...</tr>, <tr class="colour">...</tr>] How can one select only the class name from the info array usi ...

javascriptjquery

Tips to prevent modal impacts on underlying elements?

When I click on a button, a modal pops up. However, the background contents seem to spread out and sometimes scroll automatically when the modal appears. I have searched for a solution to this issue but have been unsuccessful. Can anyone please help me ide ...

javascriptjqueryhtmlcsstwitter-bootstrap

What is preventing my JavaScript from loading on my website when using window.onload?

I'm currently in the process of building an HTML page with Adobe Dreamweaver and utilizing the Live Preview feature to preview the page on a local server. However, I am facing some issues with my JavaScript code. I am attempting to populate a dropdown ...

javascripthtmlarraysdreamweaveronload

Does the execution of node.js event handlers occur when the calling stack is clear?

My belief that code related to node.js events is asynchronous was challenged when I came across the following example: var EventEmitter = require('events').EventEmitter; var emitter = new EventEmitter(); emitter.on('foo', function () ...

javascriptnode.js

Ways to Loop Through a Set of Information and Retrieve it as a List

Here is some sample data: 0: {rowid: "4b531532a5a9", groups: "Group1", descriptions: "Item1"......} 1: {rowid: "e55315ccabb5", groups: "Group2", descriptions: "Item2"......} 2: {rowid: "f2713 ...

javascriptreactjslistmaterial-ui

Are items placed into an array passed by reference or by value?

When working with custom Objects in an Angular context, I define two objects "a" and "b" using an interface. These are created as class attributes along with an empty array of these objects. public a: CustomObj; public b: CustomObj; public array: ...

javascriptarraysangular

Move the remaining blocks after deletion

Is there a way to create a seamless effect when removing an element? I am looking to incorporate a transition or slide effect when deleting a block and causing the blocks below it to move up smoothly. const animateCSS = (element, animation, prefix = &ap ...

javascriptjquerycss

Unable to start store from localStorage during App initialization

Having trouble setting up my Vuex store with the logged-in user's account details from localStorage. I've looked at numerous Auth examples in Nuxt, but none explain how to retrieve an authToken from localStorage on the client side for subsequent ...

javascriptvue.jsvuex

What is the process for animating classes instead of ids in CSS?

My webpage currently features a setup similar to this. function wiggle(){ var parent = document.getElementById("wiggle"); var string = parent.innerHTML; parent.innerHTML = ""; string.split(""); var i = 0, length = string.length; for (i; i ...

javascripthtmljquerycsscss-animations

JavaScript Lightbox for Full Page Content (or near full page)

One option to consider is always jQuery. I am in search of a lightbox that provides a "full screen" effect. Not necessarily filling the entire screen, but rather covering most of the content on the page. The lightboxes I have come across either only displ ...

javascriptjquerylightbox

Get real-time input values

Struggling to retrieve input value in real-time? The goal is to dynamically update the bottom buttons. The first X should match the number of carrots specified in the input above, and the second X will be calculated by a script. The key is to ensure that ...

javascripthtmlbootstrap-5express-handlebarshbs

What is the method for retrieving the Java List containing custom class objects defined within the <s:iterator> tag in a JSP file from within my JavaScript function?

Within my jsp file, I am retrieving a List of objects from my java action class (struts2) and displaying them. Now, I need to access these list objects within my javascript method. How can I achieve this? The code in mycode.jsp: <script type="text/jav ...

javajavascriptjqueryiterator

Is there a way to hide the borders between cells within these divs?

I am working on an application screen using Vue.js and facing an issue with the divisions between cells. I want to hide these divisions so that the lines of the items appear continuous. I attempted to modify the classes of the columns to "col-md" and "col ...

javascripthtmlcssvue.jsbootstrap-4

Switch modules based on user options

My goal is to process an array of image files. I have the option to select them randomly or one by one (queue) based on the configuration specified in the config.json. To start off, I create the processor and determine the appropriate image selection modu ...

javascriptnode.js

Fabric JS i-text cursor malfunctioning when loading JSON data

When I initially create a fabricjs i-text object in a new window, the cursor works perfectly. However, upon loading a saved JSON file, the cursor no longer functions as expected. I am utilizing the league_gothic font. Please refer to the image below showi ...

javascriptjsonfabricjs

I am having difficulty toggling text within a for loop in JavaScript

When I display a list of cards using a for loop and click on them, I want to toggle some text. The issue I'm facing is that it works fine for the top card, but when I click on the card below, it toggles the text of the first card instead. This is desp ...

javascriptdjangobootstrap-4