-
Notifications
You must be signed in to change notification settings - Fork 43
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Replace Alpine.js with JS hooks #818
base: develop
Are you sure you want to change the base?
Conversation
# Conflicts: # demo/package.json # guides/upgrading/v0.11.md
onNodeAdded (node) { | ||
// Mimic autofocus for dynamically inserted elements | ||
if (node.nodeType === window.Node.ELEMENT_NODE && node.hasAttribute('autofocus')) { | ||
node.focus() | ||
|
||
if (node.setSelectionRange && node.value) { | ||
const lastIndex = node.value.length | ||
node.setSelectionRange(lastIndex, lastIndex) | ||
} | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I can't remember why we added this, but I wanted to add a comment in case this wasn't Alpine's reason (I don't see any Alpine specific code like in onBeforeElUpdated
).
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We are not using autofocus
in the codebase... so I removed it. Looked like a project-specific thing? But I was wondering about that one, too.
Awesome! 🙌 |
I noticed a small issue: If you select rows, the action column is not highlighted. |
I added |
This completely removes Alpine.js dependency.
drawer
component for responsive sidebar.collapse
component for sidebar sections and use localstorage via custom events.sticky
columns withIntersectionObserver
to dynamically display the column shadow.