Customization in Vue Smart TextArea

17 Aug 20261 minute to read

The ShowSuggestionOnPopup property in Syncfusion® JavaScript Smart TextArea allows you to control how text suggestions are displayed to the users.

  • If ShowSuggestionOnPopup is Enable, suggestions displayed in the pop-up window
<template>
    <ejs-smarttextarea
      id="smart-textarea"
      placeholder="Enter your queries here"
      :rows="3"
      :cols="35"
      userRole="Employee communicating with internal team"
      :aiSuggestionHandler="serverAIRequest"
      showSuggestionOnPopup="Enable"
    ></ejs-smarttextarea>
</template>

Suggestion on popup

  • If ShowSuggestionOnPopup is Disable, suggestions displayed inline.
<template>
    <ejs-smarttextarea
      id="smart-textarea"
      placeholder="Enter your queries here"
      :rows="3"
      :cols="35"
      userRole="Employee communicating with internal team"
      :aiSuggestionHandler="serverAIRequest"
      showSuggestionOnPopup="Disable"
    ></ejs-smarttextarea>
</template>

Suggestion inline

By default showSuggestionOnPopup is None.

See also