Coder Social home page Coder Social logo

svelte-drop's People

Contributors

davidwoolf avatar renovate[bot] avatar vpr99 avatar

Stargazers

 avatar

Watchers

 avatar

svelte-drop's Issues

Tighten mouse and keyboard events for opening and closing the combobox

The combobox should ignore the following keys when focused and not open:

  • arrow left
  • arrow right
  • command/control
  • shift
  • F1-F12
  • alt
  • backspace
  • tab
  • capslock

When already open, the following actions should close the combobox:

  • hitting escape
  • hitting enter
  • clicking an item
  • clicking outside of the box
  • hitting alt+arrow up

🧵 Documentation

This issue encompasses all discussions around adding a documentation site.

Hitting backspace doesn't show results

After selecting an item, hitting backspace to remove the input value doesn't update the list. This is because the list is not open!

  • If the input is blank, hitting backspace shouldn't open the combobox results values
  • If the input is NOT blank, hitting backspace should open the box (if it's currently closed)

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • Update dependency eslint-config-prettier to v9
  • Update dependency happy-dom to v11
  • Update dependency lint-staged to v14
  • Update dependency prettier-plugin-svelte to v3
  • 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/actions/setup/action.yml
  • pnpm/action-setup v2
  • actions/setup-node v3
.github/workflows/integration.yml
  • actions/checkout v3
npm
package.json
  • nanoid 4.0.2
  • @changesets/cli 2.26.2
  • @iconify-json/ri 1.1.12
  • @sveltejs/adapter-vercel 3.0.3
  • @sveltejs/kit 1.24.1
  • @sveltejs/package 2.2.2
  • @svelteness/kit-docs 1.1.3
  • @typescript-eslint/eslint-plugin 5.62.0
  • @typescript-eslint/parser 5.62.0
  • clsx 1.2.1
  • eslint 8.49.0
  • eslint-config-prettier 8.10.0
  • eslint-plugin-svelte 2.33.1
  • happy-dom 9.20.3
  • lint-staged 13.3.0
  • prettier 2.8.8
  • prettier-plugin-svelte 2.10.1
  • publint 0.2.2
  • shiki 0.14.4
  • simple-git-hooks 2.9.0
  • svelte 3.59.2
  • svelte-check 3.5.1
  • tslib 2.6.2
  • typescript 5.2.2
  • unplugin-icons 0.17.0
  • vite 4.4.9
  • vitest 0.34.4
  • svelte ^3.54.0
  • pnpm 8.7.4

  • Check this box to trigger a request for Renovate to run again on this repository

Item selection

Items need to be able to be selected from the combobox in an accessible way

  • on click
  • on enter
  • on space?

Fix escape key patterns

The escape key can be used to close the combobox, but right now it traps the focus in the input. A second escape click (right after the first one) should:

  • remove the input focus
  • clear the input value

Remove triggerButton

According to the ARIA-1.2 Combobox spec, an expand/collapse button is no longer required:

In the collapsed state, only the combobox element and a separate, optional popup control button are visible.

In fact, their primary example doesn't include a button at all. In light of this, we should remove the trigger button since it adds quite a bit of complexity to our implementation.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.