Skip to content

the embeddedItem item slot is not working with vuetify "v-textarea" or simple textarea, only works with contentEditable #109

@rizwanrb12345

Description

@rizwanrb12345

here is my code

<vue-at-textarea v-bind="getVueAtProps(VueAtListTypes.VARIABLES)">
						<vue-at-textarea
							v-bind="getVueAtProps(VueAtListTypes.SNIPPETS)"
							@insert="eventSelectVariableOnEnter"
						>
							<v-textarea
								ref="editableInputField"
								v-model="messageToSend"
								:placeholder="messageFieldLabel"
								rows="1"
								hide-details
								auto-grow
								autofocus
								class="ma-0 pa-0 editor"
								@input="messageInput"
								@keydown.enter.exact.prevent="sendMessage"
								@blur="hideVueAtOnBlur"
							/>
							<template slot="embeddedItem" slot-scope="{ current }">
								<span
									><span>{{ current.value }}</span></span
								>
							</template>
						</vue-at-textarea>
						</vue-at-textarea>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions