ivteplo / html-sheet-element Goto Github PK
View Code? Open in Web Editor NEWHTML Custom Element for Creating Sheets
License: Apache License 2.0
html-sheet-element's Introduction
html-sheet-element's People
Contributors
Stargazers
Watchers
Forkers
simonopsomer onuh srestraj lawrencenull boazblake dev-hjs guibermaia 7793690 darknessproduction merlinofcode namakurio amycatgirl mesahach michael-shortcodehtml-sheet-element's Issues
Duplicate call of `show`/`showModal`/`close` triggers an event `open`/`close` again
Calling one of those methods twice will result in the corresponding event being triggered also twice.
Add the title area in the sheet's header
Maybe make this a JavaScript library on npm?
Support `<form method="dialog">` and `<button formmethod="dialog">`
Option to hide the close button and prevent closure
Pressing `Esc` should trigger a `cancel` event before `close`
This is the way the <dialog> element works
Documentation on focus trapping
Don't change height
I think the interaction would feel much more smooth, if we changed the translateY value instead of sheet height. When you scroll down, the sheet should go up. And when you scroll up, the sheet should go down until it is closed.
Thus there would be no scrollbar appearing on the side when the sheet has a small height. But there should be some kind of a scrollbar to make it obvious that the area is scrollable.
I think this mechanic will make more sense, since the interaction would be as if we really were dragging a long sheet to read it from end to end.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.