BC-7631 - Keyboard does not open when tapping on column or board title

[NFriedo]

Short Description

Now the keyboard opens on mobile when tapping on the column, board or card titles. Improves board interactions for mobile and desktop. Also fixes the focus indicator of column titles.

Links to Ticket and related Pull-Requests

BC-7631

Changes

• Change readonly to disabled in BoardAnyTitleInput.vue because it seems like readonly does not trigger the keyboard as the input is not editable (readonly: true - can be focused but not edited).
  This is just a quick fix. The Board inputs should be reworked with a11y in mind anyways (inputs should not have role heading)

• 3 dot menu of column title is now a sibling of the input and not a child

• changed cursor from pointer to default for draft chip

• fixed board interactions for sensitive touch devices, before that dragging was triggered when trying to interact with columns or cards

• fix focus indicator for column title

• improves board interaction on desktop e.g when using a trackpad

Data-security

Deployment

New Repos, NPM packages or vendor scripts

Screenshots of UI changes

Checklist before merging

• QA: In addition to review, the code has been manually tested (if manual testing is possible)
• PO: Any deviation from requirements was agreed with Product-Owner / ticket author / support-team
• DEV: Every new component is implemented having accessibility in mind (e.g. aria-label, role property)

Notice: Please keep this Pull-Request as a Draft (or add WIP label), until it is ready to be reviewed

[hoeppner-dataport]

👍

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud