nextcloud / nextcloud/calendar

Cannot tab past first calendar in lefthand sidebar

Open
#5,867 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop bug feature: accessibility
Dominant language
JavaScript
Stars
1.2k
Forks
332
Avg merge
16h 13m
Merged PRs (30d)
137

Description

Steps to reproduce
  1. Try tabbing the app navigation
  2. Navigation indicator is stuck on first calendar in list.
Expected behavior

I can tab to the end

Actual behaviour

I'm stuck on the first calendar in the list

Calendar app version

4.7.0-beta.3

CalDAV-clients used

No response

Browser

FF 124

Client operating system

Ubunut 20

Server operating system

Ubunut 20

Web server

Apache

Database engine version

MySQL

PHP engine version

PHP 8.2

Nextcloud version

No response

Updated from an older installed version or fresh install

None

List of activated apps

No response

Nextcloud configuration

No response

Web server error log

No response

Log file

No response

Browser log
[Vue warn]: Error in v-on handler: "TypeError: this.$refs.actions.$refs.menuButton is undefined"

found in

---> <NcAppNavigationItem>
       <CalendarListItem> at src/components/AppNavigation/CalendarList/CalendarListItem.vue
         <Draggable>
           <CalendarList> at src/components/AppNavigation/CalendarList.vue
             <NcAppNavigation>
               <NcContent>
                 <Calendar> at src/views/Calendar.vue
                   <App> at src/App.vue
                     <Root> vue.runtime.esm.js:4625
    VueJS 63
    addCalendar calendars.js:71
    wrappedMutationHandler vuex.esm.js:844
    commitIterator vuex.esm.js:466
    commit vuex.esm.js:465
    _withCommit vuex.esm.js:624
    commit vuex.esm.js:464
    boundCommit vuex.esm.js:409
    loadCollections calendars.js:680
    loadCollections calendars.js:679
    wrappedActionHandler vuex.esm.js:851
    dispatch vuex.esm.js:516
    boundDispatch vuex.esm.js:406
    beforeMount Calendar.vue:183
    VueJS 27
    <anonymous> main.js:72
    <anonymous> calendar-main.js:307258
    <anonymous> calendar-main.js:307260
Additional info

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the tab sequence in Firefox and inspect src/components/AppNavigation/CalendarList/CalendarListItem.vue, using the reported menuButton ref warning as the first lead. Check the surrounding CalendarList.vue navigation flow as needed. Done means keyboard focus can move through the lefthand calendar list to its end without getting stuck or producing the reported error.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.