Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDBTransfer title is breaking

r.schnabl priority asked 1 year ago


MDBTransfer with titleSource or titleTarget is breaking

Expected behavior

<MDBTransfer
    search
    titleTarget="default"
    ref="transferRef"
    :dataSource="[
      { data: 'Poland' },
      { data: 'Germany' },
      { data: 'USA' },
      { data: 'China' },
      { data: 'Madagascar' },
      { data: 'Argentina' },
    ]"
  />

Actual behavior

working fine without titleTarget and titleSource including either is breaking the component

Resources (screenshots, code snippets etc.)

Uncaught TypeError: o[y] is undefined
     setup MDBTransfer.vue:140
     o MDBTransferItem.vue:47

Bartosz Cylwik staff answered 1 year ago


Hi! What version of the Transfer plugin are you using? Does the rest of the component work properly for you? I tried the code you provided and it's changing the titles for me with no errors.


r.schnabl priority commented 1 year ago

"node_modules/mdb-vue-transfer": { "version": "2.1.0", "resolved": "git+https://oauth2:xxxx@git.mdbootstrap.com/mdb/vue/mdb5/plugins/prd/transfer#79b054129735b1adc9fc0641512f4a12744681a5", "license": "SEE LICENSE IN " }, "node_modules/mdb-vue-ui-kit": { "version": "3.1.0",


Bartosz Cylwik staff commented 1 year ago

Try installing the advanced mdb package and/or plugin without the #

npm i git+https://oauth2:ACCESS_TOKEN@git.mdbootstrap.com/mdb/vue/mdb5/prd/mdb5-vue-ui-kit-pro-advanced

npm i git+https://oauth2:ACCESS_TOKEN@git.mdbootstrap.com/mdb/vue/mdb5/plugins/prd/transfer

The component throws no errors without titleSource or titleTarget right?


r.schnabl priority commented 1 year ago

the componet throws no errors without titleSource or titleTarget. the select all is working without problems, with or without title the error is when selecting an element from the list with a specific title - in that case the item is checked but it will not transfer (see the errors on check in the console).

the problem is the same with edge and firefox.

the test was from package-lock.json, in package.json are no #


Bartosz Cylwik staff commented 1 year ago

Ah I see. I didn't click enough on the component elements. I'm adding this issue to our list and we'll try to fix it when we can.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 4.1.0
  • Device: PC
  • Browser: Firefix
  • OS: Windows
  • Provided sample code: No
  • Provided link: No