stefan-niedermann
commented
3 years ago Please fill in the complete issue template, it is there for a reason :wink:
Is there an error in the browser console? (Press F12)
Closed larmarange closed 3 years ago
stefan-niedermann
commented
3 years ago Please fill in the complete issue template, it is there for a reason :wink:
Is there an error in the browser console? (Press F12)
markuman
commented
3 years ago I cannot reproduce (Nextcloud 19.0.3, Deck 1.1.0)
larmarange
commented
3 years ago Client details:
larmarange
commented
3 years ago For information, I have also tested Deck on another instance of Nextcloud, hosted by https://cloudeezy.com/, a dedicated provider for Nextcloud.
I do not have all the details about the server configuration.
Nextcloud: 19.0.3 / Deck 1.1.0
Sometimes, Deck is not loading at all
When Deck is loading, the attachment pane is not visible
solracsf
commented
3 years ago Issue comes from the language. In French, Pièces Jointes is somehow trowing an error.
Ignoring invalid tab
{…}
asyncFactory: undefined
asyncMeta: undefined
children: undefined
componentInstance: Object { _uid: 134, _isVue: true, "$options": {…}, … }
componentOptions: Object { Ctor: i(e), propsData: {…}, tag: "AppSidebarTab", … }
context: Object { _uid: 95, _isVue: true, "$options": {…}, … }
data: Object { attrs: {}, on: undefined, hook: {…}, … }
elm: section#tab-attachments
__vOriginalDisplay: ""
__vue__: Object { _uid: 134, _isVue: true, "$options": {…}, … }
accessKey: ""
accessKeyLabel: ""
assignedSlot: null
attributes: NamedNodeMap(9) [ data-v-19e2aa76="", data-v-255f077c="", id="tab-attachments", … ]
baseURI: "https://example.com/apps/deck/#/board/49/card/220"
childElementCount: 1
childNodes: NodeList [ div.attachments-drag-zone.drop-upload--sidebar ]
children: HTMLCollection { 0: div.attachments-drag-zone.drop-upload--sidebar, length: 1 }
classList: DOMTokenList []
className: ""
clientHeight: 0
clientLeft: 0
clientTop: 0
clientWidth: 0
contentEditable: "inherit"
contextMenu: null
dataset: DOMStringMap(3) { "v-19e2aa76" → "", "v-255f077c" → "", "v-53454f6c" → "" }
dir: ""
draggable: false
firstChild: <div class="attachments-drag-zone drop-upload--sidebar" data-v-3ed7764b="" data-v-2d59547e="" data-v-255f077c="" data-v-19e2aa76="">
firstElementChild: <div class="attachments-drag-zone drop-upload--sidebar" data-v-3ed7764b="" data-v-2d59547e="" data-v-255f077c="" data-v-19e2aa76="">
hidden: false
id: "tab-attachments"
innerHTML: "<div data-v-3ed7764b=\"\" data-v-2d59547e=\"\" data-v-255f077c=\"\" class=\"attachments-drag-zone drop-upload--sidebar\" data-v-19e2aa76=\"\"><button data-v-2d59547e=\"\" data-v-3ed7764b=\"\" class=\"icon-upload\">\n\t\tEnvoyer une pièce jointe\n\t</button> <input data-v-2d59547e=\"\" data-v-3ed7764b=\"\" type=\"file\" multiple=\"multiple\" style=\"display: none;\"> <ul data-v-2d59547e=\"\" data-v-3ed7764b=\"\" class=\"attachment-list\"> </ul> <div data-v-3ed7764b=\"\" class=\"dragover\" style=\"display: none;\"><div data-v-3ed7764b=\"\" class=\"drop-hint\"><div data-v-3ed7764b=\"\" class=\"drop-hint__icon icon-upload\"></div> <h2 data-v-3ed7764b=\"\" class=\"drop-hint__text\">\n\t\t\t\t\tGlissez vos fichiers pour les envoyer\n\t\t\t\t</h2></div></div> <!----></div>"
innerText: "\n\t\tEnvoyer une pièce jointe\n\t \n\t\t\t\t\tGlissez vos fichiers pour les envoyer\n\t\t\t\t "
isConnected: true
isContentEditable: false
jQuery21409764186037924331: 206
lang: ""
lastChild: <div class="attachments-drag-zone drop-upload--sidebar" data-v-3ed7764b="" data-v-2d59547e="" data-v-255f077c="" data-v-19e2aa76="">
lastElementChild: <div class="attachments-drag-zone drop-upload--sidebar" data-v-3ed7764b="" data-v-2d59547e="" data-v-255f077c="" data-v-19e2aa76="">
localName: "section"
namespaceURI: "http://www.w3.org/1999/xhtml"
nextElementSibling: <section id="tab-comments" data-v-19e2aa76="" data-v-255f077c="" aria-hidden="true" aria-labelledby="Commentaires" tabindex="0" role="tabpanel" style="display: none;" data-v-53454f6c="">
nextSibling: #text " "
nodeName: "SECTION"
nodeType: 1
nodeValue: null
nonce: ""
offsetHeight: 0
offsetLeft: 0
offsetParent: null
offsetTop: 0
offsetWidth: 0
onabort: null
onanimationcancel: null
onanimationend: null
onanimationiteration: null
onanimationstart: null
onauxclick: null
onblur: null
oncanplay: null
oncanplaythrough: null
onchange: null
onclick: null
onclose: null
oncontextmenu: null
oncopy: null
oncuechange: null
oncut: null
ondblclick: null
ondrag: null
ondragend: null
ondragenter: null
ondragexit: null
ondragleave: null
ondragover: null
ondragstart: null
ondrop: null
ondurationchange: null
onemptied: null
onended: null
onerror: null
onfocus: null
onformdata: null
onfullscreenchange: null
onfullscreenerror: null
ongotpointercapture: null
oninput: null
oninvalid: null
onkeydown: null
onkeypress: null
onkeyup: null
onload: null
onloadeddata: null
onloadedmetadata: null
onloadend: null
onloadstart: null
onlostpointercapture: null
onmousedown: null
onmouseenter: null
onmouseleave: null
onmousemove: null
onmouseout: null
onmouseover: null
onmouseup: null
onmozfullscreenchange: null
onmozfullscreenerror: null
onpaste: null
onpause: null
onplay: null
onplaying: null
onpointercancel: null
onpointerdown: null
onpointerenter: null
onpointerleave: null
onpointermove: null
onpointerout: null
onpointerover: null
onpointerup: null
onprogress: null
onratechange: null
onreset: null
onresize: null
onscroll: null
onseeked: null
onseeking: null
onselect: null
onselectstart: null
onshow: null
onstalled: null
onsubmit: null
onsuspend: null
ontimeupdate: null
ontoggle: null
ontransitioncancel: null
ontransitionend: null
ontransitionrun: null
ontransitionstart: null
onvolumechange: null
onwaiting: null
onwebkitanimationend: null
onwebkitanimationiteration: null
onwebkitanimationstart: null
onwebkittransitionend: null
onwheel: null
outerHTML: "<section data-v-19e2aa76=\"\" data-v-255f077c=\"\" id=\"tab-attachments\" aria-hidden=\"true\" aria-labelledby=\"Pièces jointes\" tabindex=\"0\" role=\"tabpanel\" style=\"display: none;\" data-v-53454f6c=\"\"><div data-v-3ed7764b=\"\" data-v-2d59547e=\"\" data-v-255f077c=\"\" class=\"attachments-drag-zone drop-upload--sidebar\" data-v-19e2aa76=\"\"><button data-v-2d59547e=\"\" data-v-3ed7764b=\"\" class=\"icon-upload\">\n\t\tEnvoyer une pièce jointe\n\t</button> <input data-v-2d59547e=\"\" data-v-3ed7764b=\"\" type=\"file\" multiple=\"multiple\" style=\"display: none;\"> <ul data-v-2d59547e=\"\" data-v-3ed7764b=\"\" class=\"attachment-list\"> </ul> <div data-v-3ed7764b=\"\" class=\"dragover\" style=\"display: none;\"><div data-v-3ed7764b=\"\" class=\"drop-hint\"><div data-v-3ed7764b=\"\" class=\"drop-hint__icon icon-upload\"></div> <h2 data-v-3ed7764b=\"\" class=\"drop-hint__text\">\n\t\t\t\t\tGlissez vos fichiers pour les envoyer\n\t\t\t\t</h2></div></div> <!----></div></section>"
ownerDocument: HTMLDocument https://example.com/apps/deck/#/board/49/card/220
parentElement: <div class="app-sidebar-tabs__conten…tabs__content--multiple" data-v-53454f6c="">
parentNode: <div class="app-sidebar-tabs__conten…tabs__content--multiple" data-v-53454f6c="">
part: DOMTokenList []
prefix: null
previousElementSibling: <section id="tab-details" data-v-19e2aa76="" data-v-255f077c="" aria-labelledby="Détails" tabindex="0" role="tabpanel" style="" data-v-53454f6c="">
previousSibling: #text " "
scrollHeight: 0
scrollLeft: 0
scrollLeftMax: 0
scrollTop: 0
scrollTopMax: 0
scrollWidth: 0
shadowRoot: null
slot: ""
spellcheck: false
style: CSS2Properties { display → "none" }
tabIndex: 0
tagName: "SECTION"
textContent: "\n\t\tEnvoyer une pièce jointe\n\t \n\t\t\t\t\tGlissez vos fichiers pour les envoyer\n\t\t\t\t "
title: ""
<prototype>: HTMLElementPrototype { click: click(), focus: focus(), blur: blur(), … }
fnContext: undefined
fnOptions: undefined
fnScopeId: undefined
isAsyncPlaceholder: false
isCloned: false
isComment: false
isOnce: false
isRootInsert: false
isStatic: false
key: undefined
ns: undefined
parent: undefined
raw: false
tag: "vue-component-42-AppSidebarTab"
text: undefined
<prototype>: Object { … }
ncvuecomponents.js:406:41799
Ignoring invalid tab
Object { tag: "vue-component-42-AppSidebarTab", data: {…}, children: undefined, text: undefined, elm: section#tab-attachments, ns: undefined, context: {…}, fnContext: undefined, fnOptions: undefined, fnScopeId: undefined, … }
ncvuecomponents.js:406:41799Switch to English, so Attachments, and error is gone.
Perhaps, the Info message about Could not find capabilities initial state fall back to _oc_capabilities stills.
This is a regression from v1.0.5
@larmarange
larmarange
commented
3 years ago Thank you very much for your feedback. I confirm that after language change, the attachment pane is visible.
juliushaertl
commented
3 years ago Thanks for the details and for already figuring out how to trigger this, I'll look into it.
juliushaertl
commented
3 years ago Upstream fix in the vue components library https://github.com/nextcloud/nextcloud-vue/pull/1431
juliushaertl
commented
3 years ago Fixed with `@nextcloud/vue@v2.6.9
Describe the bug
Since update to 1.1.0, the attachment pan disappear in the sidepan.