
GITHUB . COM {
}
Detected CMS Systems:
- Wordpress (2 occurrences)
Title:
Add support for Custom Element Β· Issue #6652 Β· squidfunk/mkdocs-material
Description:
Context I added Custom Elements with shadow root via custom elements because I don't want the styles of mkdocs has influence on forms I am adding. When I have a form inside my custom component,...
Website Age:
17 years and 8 months (reg. 2007-10-09).
Matching Content Categories {π}
- Science
- Crafts
- Luxury
Content Management System {π}
What CMS is github.com built with?
Github.com is built with WORDPRESS.
Traffic Estimate {π}
What is the average monthly size of github.com audience?
ππ Tremendous Traffic: 10M - 20M visitors per month
Based on our best estimate, this website will receive around 10,000,019 visitors per month in the current month.
However, some sources were not loaded, we suggest to reload the page to get complete results.
check SE Ranking
check Ahrefs
check Similarweb
check Ubersuggest
check Semrush
How Does Github.com Make Money? {πΈ}
Subscription Packages {π³}
We've located a dedicated page on github.com that might include details about subscription plans or recurring payments. We identified it based on the word pricing in one of its internal links. Below, you'll find additional estimates for its monthly recurring revenues.How Much Does Github.com Make? {π°}
Subscription Packages {π³}
Prices on github.com are in US Dollars ($).
They range from $4.00/month to $21.00/month.
We estimate that the site has approximately 4,989,889 paying customers.
The estimated monthly recurring revenue (MRR) is $20,957,532.
The estimated annual recurring revenues (ARR) are $251,490,385.
Wordpress Themes and Plugins {π¨}
What WordPress theme does this site use?
It is strange but we were not able to detect any theme on the page.
What WordPress plugins does this website use?
It is strange but we were not able to detect any plugins on the page.
Keywords {π}
custom, issue, squidfunk, elements, element, vtsvetkovsplunk, bug, commented, support, inside, added, reproduction, open, sign, add, shadow, humitos, resolved, issues, projects, root, mkdocs, adding, documentactiveelement, lacks, undefined, idea, owner, contributor, author, hotkeys, navigation, search, code, pull, requests, discussions, actions, security, description, forms, keyboard, keys, focus, input, shadowroot, getactiveelement, htmlelement, related, links,
Topics {βοΈ}
mkdocs-material/src/templates/assets/javascripts/browser/element/_/index /vtsvetkov-splunk/mkdocs-material-custom-element-demo activity vtsvetkov-splunk mentioned //vtsvetkov-splunk included relevant links custom elements support humitos mentioned related issues pretty similar issue open projects added custom elements export function getactiveelement zip file inputs/forms inside keydown event listener comment metadata assignees add support attaching shadow root input focused inside adding custom elements squidfunk added make hotkeys configurable bug resolved issue change request guidelines reproduction issue lacks custom element disable doctool hotkeys projects milestone mkdocs captures discussions code custom elements activeelement instanceof htmlelement adding support full support underlying element active element search open mode shadow root material custom component takes focus docs input inside investigation issue mkdocs form inside keyboard shortcut change request
Payment Methods {π}
- Braintree
Questions {β}
- Already have an account?
Schema {πΊοΈ}
DiscussionForumPosting:
context:https://schema.org
headline:Add support for Custom Element
articleBody:### Context
I added Custom Elements with shadow root via custom elements because I don't want the styles of mkdocs has influence on forms I am adding. When I have a form inside my custom component, the global keyboard handler catches some keys I am typing like `s` and takes focus to search.
The reason is if there is input focused inside the shadow root, the parent's `document.activeElement` would point to the custom element itself, not to it's underlying element.
Since 'the bug' is caused by extra javascript, I cannot mark it as a bug, so I am asking about adding support for custom elements.
### Description
While having additional functionality via extra_javascript is a great feature, it lacks a full support for adding custom elements. I was able to add the custom element, but the keyboard shortcut is not aware about such type of element.
There is a check for activeElement which works differently for elements with shadowRoot. I am asking to add support for such kind of elements here:
https://github.com/squidfunk/mkdocs-material/blob/44982451f7759ed65e31d1151b3c49566b8c6ca0/src/templates/assets/javascripts/browser/element/_/index.ts#L116-L120
The active element of shadowRoot can be accessed via `document.activeElement.shadowRoot.activeElement`.
### Related links
- [Custom elements](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements)
- [Shadow DOM v1 - Self-Contained Web Components # Handling Focus](https://web.dev/articles/shadowdom-v1#handling_focus).
### Use Cases
It will allow to have forms inside custom elements
### Visuals
_No response_
### Before submitting
- [X] I have read and followed the [change request guidelines](https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/).
- [X] I have verified that [my idea is a change request and not a bug report](https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/#its-not-a-bug-its-a-feature).
- [X] I have ensured that, to the best of my knowledge, [my idea will benefit the entire community](https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/#benefit-for-the-community).
- [X] I have included relevant links to [the documentation](https://squidfunk.github.io/mkdocs-material/), related [issues](https://github.com/squidfunk/mkdocs-material/issues), and [discussions](https://github.com/squidfunk/mkdocs-material/discussions) to underline the need for my idea.
author:
url:https://github.com/vtsvetkov-splunk
type:Person
name:vtsvetkov-splunk
datePublished:2024-01-15T11:34:58.000Z
interactionStatistic:
type:InteractionCounter
interactionType:https://schema.org/CommentAction
userInteractionCount:8
url:https://github.com/6652/mkdocs-material/issues/6652
context:https://schema.org
headline:Add support for Custom Element
articleBody:### Context
I added Custom Elements with shadow root via custom elements because I don't want the styles of mkdocs has influence on forms I am adding. When I have a form inside my custom component, the global keyboard handler catches some keys I am typing like `s` and takes focus to search.
The reason is if there is input focused inside the shadow root, the parent's `document.activeElement` would point to the custom element itself, not to it's underlying element.
Since 'the bug' is caused by extra javascript, I cannot mark it as a bug, so I am asking about adding support for custom elements.
### Description
While having additional functionality via extra_javascript is a great feature, it lacks a full support for adding custom elements. I was able to add the custom element, but the keyboard shortcut is not aware about such type of element.
There is a check for activeElement which works differently for elements with shadowRoot. I am asking to add support for such kind of elements here:
https://github.com/squidfunk/mkdocs-material/blob/44982451f7759ed65e31d1151b3c49566b8c6ca0/src/templates/assets/javascripts/browser/element/_/index.ts#L116-L120
The active element of shadowRoot can be accessed via `document.activeElement.shadowRoot.activeElement`.
### Related links
- [Custom elements](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements)
- [Shadow DOM v1 - Self-Contained Web Components # Handling Focus](https://web.dev/articles/shadowdom-v1#handling_focus).
### Use Cases
It will allow to have forms inside custom elements
### Visuals
_No response_
### Before submitting
- [X] I have read and followed the [change request guidelines](https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/).
- [X] I have verified that [my idea is a change request and not a bug report](https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/#its-not-a-bug-its-a-feature).
- [X] I have ensured that, to the best of my knowledge, [my idea will benefit the entire community](https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/#benefit-for-the-community).
- [X] I have included relevant links to [the documentation](https://squidfunk.github.io/mkdocs-material/), related [issues](https://github.com/squidfunk/mkdocs-material/issues), and [discussions](https://github.com/squidfunk/mkdocs-material/discussions) to underline the need for my idea.
author:
url:https://github.com/vtsvetkov-splunk
type:Person
name:vtsvetkov-splunk
datePublished:2024-01-15T11:34:58.000Z
interactionStatistic:
type:InteractionCounter
interactionType:https://schema.org/CommentAction
userInteractionCount:8
url:https://github.com/6652/mkdocs-material/issues/6652
Person:
url:https://github.com/vtsvetkov-splunk
name:vtsvetkov-splunk
url:https://github.com/vtsvetkov-splunk
name:vtsvetkov-splunk
InteractionCounter:
interactionType:https://schema.org/CommentAction
userInteractionCount:8
interactionType:https://schema.org/CommentAction
userInteractionCount:8
External Links {π}(10)
- What's https://github.blog's gross income?
- How much does https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements earn?
- What's the financial gain of https://web.dev/articles/shadowdom-v1#handling_focus?
- Find out how much https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/ earns monthly
- See how much https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/#its-not-a-bug-its-a-feature makes per month
- What is the monthly revenue of https://squidfunk.github.io/mkdocs-material/contributing/requesting-a-change/#benefit-for-the-community?
- Get to know https://squidfunk.github.io/mkdocs-material/'s earnings
- Revenue of https://vtsvetkov-splunk.github.io/mkdocs-material-custom-element-demo/
- https://squidfunk.github.io/mkdocs-material/changelog/#9.5.5's revenue stream
- How much revenue does https://www.githubstatus.com/ bring in?
Analytics and Tracking {π}
- Site Verification - Google
Libraries {π}
- Clipboard.js
- D3.js
- Lodash
Emails and Hosting {βοΈ}
Mail Servers:
- aspmx.l.google.com
- alt1.aspmx.l.google.com
- alt2.aspmx.l.google.com
- alt3.aspmx.l.google.com
- alt4.aspmx.l.google.com
Name Servers:
- dns1.p08.nsone.net
- dns2.p08.nsone.net
- dns3.p08.nsone.net
- dns4.p08.nsone.net
- ns-1283.awsdns-32.org
- ns-1707.awsdns-21.co.uk
- ns-421.awsdns-52.com
- ns-520.awsdns-01.net