MDB Standard select component conflict inside Vue3-ASP.Net MVC app


Topic: MDB Standard select component conflict inside Vue3-ASP.Net MVC app

ucyberg priority asked 1 month ago

Expected behavior

I tested the select outside of Vue app and the select works well

enter image description here

Actual behavior

I tested the select inside of Vue app and the select not work properly

enter image description here

Resources (screenshots, code snippets etc.)

I can't use MDB Vue version because I can't use components with MVC Razor

<div id="app" v-cloak>
    <select class="select">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
        <option value="5">Five</option>
        <option value="6">Six</option>
        <option value="7">Seven</option>
        <option value="8">Eight</option>
    </select>
    @RenderBody()
</div>

div id="app" is a main template for Vue 3 application "app.mount("#app")"


Grzegorz Bujański staff answered 1 month ago

Unfortunately MDB Standard does not support the Vue framework and components may not work properly. That's why we created a dedicated version for Vue. You must carry out such integration on your own and at your own risk.


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
  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.2.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: No