fritx / vue-at

At.js for Vue.
https://fritx.github.io/vue-at/
MIT License
529 stars 114 forks source link

Problem with mobile device on custom tags #71

Open MRCSDZ opened 5 years ago

MRCSDZ commented 5 years ago

Hi, have a trouble with a custom tag. When I selected a option on my list always selected the first option no matters if choose another. But when I use the component without custom tag I can select any option on my list.

prueba

This problem only appear when I use custom tags.

How I could fix that problem?

Note: If I use a simple at component (no custom tag) works perfectly.

fritx commented 5 years ago

@MRCSDZ vue-at binds @click on the <li> item, source: https://github.com/fritx/vue-at/blob/725d7a1470e9cc309ae2b7d04deddf8ccf9ceb05/src/AtTemplate.vue#L15-L25

Could you paste your code snippet here?

MRCSDZ commented 5 years ago

@fritx sure thats my code

@MRCSDZ vue-at binds @click on the <li> item, source:

vue-at/src/AtTemplate.vue

Lines 15 to 25 in 725d7a1

Hi. thanks for the answer. That's the code from my component.

<at :members="members" name-key="name" >    
    <span slot="embeddedItem" slot-scope="s">
        <span  style="color: #00b0ff"><b> {{ s.current.name }}</b></span>
    </span>

    <template slot="item" slot-scope="s" >
            <span>{{ s.item.username }} </span>
            <span class="tag" v-text="s.item.name"></span>
    </template>
    <div class="bg-light" style="height: 100px" contenteditable>  </div>                
</at>
fritx commented 5 years ago

Emm.. no idea for now... demo seems to work well: https://fritx.github.io/vue-at/#/en/customtemplates

But when I use the component without custom tag I can select any option on my list.

Did you mean when you say custom-tag or custom-list? It's "custom-tags" (embeddedItem), right?

MRCSDZ commented 5 years ago

Emm.. no idea for now... demo seems to work well: https://fritx.github.io/vue-at/#/en/customtemplates

But when I use the component without custom tag I can select any option on my list.

Did you mean when you say custom-tag or custom-list? It's "custom-tags" (embeddedItem), right?

Hi @fritx , thats right. the problem is when y try to make something like #55 (https://github.com/fritx/vue-at/issues/55 ) in embeddedItem.

polinadrykova commented 2 years ago

Hi @fritx. Having the same issue. Is there any solution how to fix it?