https://github.com/bahrus/be-free-ranged

https://github.com/bahrus/be-free-ranged

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/bahrus/be-free-ranged
• Owner: bahrus
• License: mit
• Created: 2022-09-14T22:03:07.000Z (almost 3 years ago)
• Default Branch: baseline
• Last Pushed: 2023-01-22T14:51:06.000Z (over 2 years ago)
• Last Synced: 2024-12-31T23:11:51.921Z (6 months ago)
• Language: TypeScript
• Size: 59.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# be-free-ranged [TODO]

be-free-ranged is another ("whiteboarding" at this point) go at something that was (is?) trying to be accomplished with things like [shadow-fax](https://github.com/bahrus/sceadu-fax), [xtal-fragment](https://github.com/bahrus/xtal-fragment), [xt-f](https://github.com/bahrus/xt-f), [lazy-mt](https://github.com/bahrus/lazy-mt).

One limitation of web components, is that they make most sense when they "own" nested children -- either in the ShadowDOM Root, or the standard children if forgoing Shadow DOM.

But there are some important edge cases where that limitation is a bit of an issue, especially when working with built-in elements like tables or ul's.

It is noteworthy that [frameworks support](https://reactjs.org/docs/fragments.html) this as well.

```html

    
List Item  1

    
List Item 2

    
List Item 3

    




    
Header

    

    
Footer



```


... does the following:

1.  Attaches "scope" to element with attribute data-cnt

2.  Adds property innerHTML, method appendChild, etc to scope.