tiberiuzuld/angular-gridster2

Content is unable to drag and drop by using keyboard.

msftedad opened this issue · 4 comments

Description: Keyboard users will be affected if they are not able to drag and drop the items using keyboard.

Test environment:
OS: Windows_11
Version: 22H2
OS Build: 22621.1265
Browser: edge 110.0.1587.63 (Official build) (64-bit)
URL: https://tiberiuzuld.github.io/angular-gridster2/

Repro Steps:

  1. Open URL: https://tiberiuzuld.github.io/angular-gridster2/
  2. Make sure 'Home' tab is selected.
  3. Navigate using tab key and press enter key to activate 'Arrange tiles' where popup opens.
  4. Try to drag and drop by using keyboard.
  5. Observe an issue that content is unable to drag and drop by using keyboard.

Actual Result:
Content is not draggable by using keyboard.

Expected Result:
Control(s) must be accessible to keyboards and other assistive technology. Common causes of this problem include a) the element does not have a proper role assigned, b) the element needs tab-index="0" attribute to be focusable, or c) the component is not registering keypresses.

Unable.to.drag.and.drop.-.Made.with.Clipchamp.mp4