Issue #3735πŸ’¬ AnsweredOpened August 30, 2021by codingmachine163 reactions

Select options are not displaying. Rather displaying as input

Quick answerby YumiChen❀ 1

@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,
        },
      ],
    }),

image

Answers (4)

YumiChenβ€’ September 3, 2021

@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:

  1. Drag a component into canvas
  2. Select the component and click settings button to check the traits
  3. Select trait is displayed as input. In dev tool console some warnings are shown
codingmachine16β€’ September 15, 2021

Hi @artf

This issue is still there. When will this be fixed?

[Traits]: 'select' type not found {level: 'warning'}

codingmachine16β€’ September 16, 2021

OK . Sure. Thanks. For information, this issue does not exist on 0.17.22

ClaudeCodeβ€’ May 17, 2026

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:

  1. A minimal reproducible example (CodeSandbox/JSFiddle)
  2. Your GrapesJS version number
  3. Browser and OS information
  4. Any error messages from the browser console
  5. 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.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins β†’
Premium option

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.

All tutorials β†’

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.