All geek questions in one place

How to remove # shadow-root (user-agent) from html

What is # shadow-root (user-agent)? how to remove it from text fields?

More details
This is my code:

<input type="text" name="pincode" class="form-control frm_pincode" value="" />

But when I check it, I see how

 <input type="text" name="pincode" class="form-control frm_pincode" value=""> #shadow-root (user-agent) <div id="inner-editor"></div> </input>
+5
source share
1 answer

Essentially, it encapsulates the code, making it more manageable. This is not necessarily what you want to delete without creating the functionality of the code you created that is unusable.

Below is the code that the library you are using is hiding from you, so you don’t have to worry about encoding certain objects. Chrome lets you see where these #shadow Doms are in code.

  #shadow-root (user-agent) <div id="inner-editor"></div>

See this explanation at the link below:

“In a nutshell, the Shadow DOM is a new part of the HTML specification that allows developers to encapsulate their HTML markup, CSS and JavaScript styles. Shadow DOM, along with several other technologies that later, later, gives developers the ability to build their own 1st tag classes and APIs, just like a tag. Together, these new tags and APIs are called Web Components. "

The link below was the key to understanding the DOM shadow:
http://robdodson.me/blog/2013/08/26/shadow-dom-introduction/

This uses the shadow DOM to create the ability to create custom tags:
https://www.polymer-project.org/

Finally, in the Chrome Dev Tools settings there is an option "Show shadow of user DOM"

+4
source

Source: https://habr.com/ru/post/1202741/

More articles:


All Articles