nextcloud / nextcloud/calendar
Cannot tab past first calendar in lefthand sidebar
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.2k
- Forks
- 332
- Avg merge
- 16h 13m
- Merged PRs (30d)
- 137
Description
Steps to reproduce
- Try tabbing the app navigation
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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