Select options are not displaying. Rather displaying as input
@artf Just to add that we bumped into this these 2 days as well. This seems only happen to version 0.17.25. Following is Jsfiddle for reproducing the issue, if needed please check: https://jsfiddle.net/a29h7twy/5/ Reproduce step:Drag a component into canvasSelect the component and click settings button to check the tr...
Read full answer below βQuestion
Hi @artf,
We are using select options as Traits but these are displaying as input. sometimes theese display options and sometimes displaying as input . Our code is below
defaults: Object.assign({}, defaultModel.prototype.defaults, {
traits: [
{
label: "Categories",
name: "noOfCategories",
id: "noOfCategories",
type: "select",
options: [
{
id: "0",
name: "None",
},
{
id: "1",
name: "1",
},
{
id: "2",
name: "2",
},
{
id: "3",
name: "3",
},
{
id: "4",
name: "4",
},
{
id: "5",
name: "5",
},
{
id: "6",
name: "6",
},
{
id: "7",
name: "7",
},
{
id: "8",
name: "8",
},
{
id: "9",
name: "9",
},
{
id: "10",
name: "10",
},
],
changeProp: 1,
},
{
label: "Links",
name: "noOfLinks",
id: "noOfLinks",
type: "select",
options: [
{
id: "0",
name: "none",
},
{
id: "1",
name: "1",
},
{
id: "2",
name: "2",
},
{
id: "3",
name: "3",
},
{
id: "4",
name: "4",
},
],
changeProp: 1,
},
],
}),

Answers (4)
@artf Just to add that we bumped into this these 2 days as well. This seems only happen to version 0.17.25. Following is Jsfiddle for reproducing the issue, if needed please check:
https://jsfiddle.net/a29h7twy/5/
Reproduce step:
- Drag a component into canvas
- Select the component and click settings button to check the traits
- Select trait is displayed as input. In dev tool console some warnings are shown
Hi @artf
This issue is still there. When will this be fixed?
[Traits]: 'select' type not found {level: 'warning'}
OK . Sure. Thanks. For information, this issue does not exist on 0.17.22
Thanks for reporting this, @codingmachine16.
Thanks for sharing your report about Select options are not displaying. Rather displaying as input. To help the team investigate and prioritize this:
Please provide:
- A minimal reproducible example (CodeSandbox/JSFiddle)
- Your GrapesJS version number
- Browser and OS information
- Any error messages from the browser console
- Steps to reproduce the issue
What helps most:
- Minimal code example (not your full project)
- Screen recording or screenshot showing the issue
- Expected vs actual behavior clearly stated
- GrapesJS configuration you're using
With these details, the maintainers can identify and prioritize a fix much faster. The GrapesJS team is very responsive to well-documented issues.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3732
comment component type do not support adding traits
i am working on a script that add a trait on all the component type , but the comment type do not have the prototype object. code
Issue #3237
Add Trait For wrapper
Hi @artf I've added trait for wrapper this way. How can I perform the init function for the same Here is the code @artf Could you please he...
Issue #3249
QUESTION regarding JSON stored by the StorageManager
Hey, @artf. I want to access the json that is generated when a template is stored without actually storing the template. The json object ca...
Issue #6655
I have issues with colopicker strugling with proper color convertions
https://github.com/GrapesJS/grapesjs/blob/f59e981f76ff378f59c06cf706af88e502db098e/packages/core/src/utils/ColorPicker.ts#L2407C5-L2415C6 I...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Tutorial
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins β TinyMCE Inline Text Editor and Placeholder.
Tutorial
π Introducing the New GrapesJS Plugin Generator on GJS.Market
Weβre excited to announce a powerful new tool for GrapesJS developers β the GrapesJS Plugin Generator on GJS.Market!
Tutorial
Integrating GrapesJS into a Vue 3 App β Complete Guide for 2026
Build a Vue 3 landing page builder with GrapesJS and Vite. Custom blocks, composables, remote storage, TypeScript & production tips. Updated for 2026.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.