Skip to content

Shift+tab doesn't work to go to previous input #123

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

Closed
justingolden21 opened this issue Dec 13, 2021 · 4 comments
Closed

Shift+tab doesn't work to go to previous input #123

justingolden21 opened this issue Dec 13, 2021 · 4 comments

Comments

@justingolden21
Copy link

Shift+tab should go backwards, but it doesn't do anything once you get to the top.

I also think tab and shift+tab shouldn't navigate menu options, which should only be arrow keys, if you examine similar inputs across the internet and look at some UX

Thank you : )

@justingolden21
Copy link
Author

justingolden21 commented Dec 13, 2021

I was also wondering (didn't want to keep opening tickets to avoid spamming your repo) if it's possible to get the input to autofocus on page load.

Also, what is the correct syntax for setting an onchange listener, such as on:change={() => console.log('hi')}
EDIT: found it, it's onChange={() => console.log('hi')}. This should be documented somewhere, I see that both in readme and website a lot of documentation of what's possible is missing. handling onchange can be crucial for any reactive app.

@justingolden21
Copy link
Author

One more comment (sorry for the spam), but is there an option to select all text on click?

@justingolden21
Copy link
Author

justingolden21 commented Dec 13, 2021

None of my custom styles are being applied as well

<style lang="postcss">
	/* the main control */
	.autocomplete {
		background-color: green;
		border: 1px solid red;
	}
	/* the input list */
	.autocomplete-input {
		background-color: green;
		border: 1px solid red;
	}
	/* the dropdown list */
	.autocomplete-list {
		background-color: green;
		border: 1px solid red;
	}
	/* items in the dropdown list */
	.autocomplete-list-item {
		background-color: green;
		border: 1px solid red;
	}
</style>

I also found that removing bind:selectedItem in favor of selectedItem made my changes actually bind in my app funny enough. Just commenting this in case someone else has similar problem.

@pstanoev
Copy link
Owner

pstanoev commented Mar 1, 2022

Fixed in version 2.3.2.
Tab and Shift + Tab no longer move through items and the dropdown is closed.

@pstanoev pstanoev closed this as completed Mar 1, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants