{"record":{"id":"74cc487f0e47fdf2","repo":"Semantic-Org/Semantic-UI","slug":"select-requires-multiple-property-to-be-set-to-c","errorCode":null,"errorMessage":"<select> requires multiple property to be set to correctly preserve multiple values","messagePattern":"<select> requires multiple property to be set to correctly preserve multiple values","errorType":"console","errorClass":null,"httpStatus":null,"severity":"warning","filePath":"src/definitions/modules/dropdown.js","lineNumber":3796,"sourceCode":"  onHide        : function(){},\n\n  /* Component */\n  name           : 'Dropdown',\n  namespace      : 'dropdown',\n\n  message: {\n    addResult     : 'Add <b>{term}</b>',\n    count         : '{count} selected',\n    maxSelections : 'Max {maxCount} selections',\n    noResults     : 'No results found.',\n    serverError   : 'There was an error contacting the server'\n  },\n\n  error : {\n    action          : 'You called a dropdown action that was not defined',\n    alreadySetup    : 'Once a select has been initialized behaviors must be called on the created ui dropdown',\n    labels          : 'Allowing user additions currently requires the use of labels.',\n    missingMultiple : '<select> requires multiple property to be set to correctly preserve multiple values',\n    method          : 'The method you called is not defined.',\n    noAPI           : 'The API module is required to load resources remotely',\n    noStorage       : 'Saving remote data requires session storage',\n    noTransition    : 'This module requires ui transitions <https://github.com/Semantic-Org/UI-Transition>'\n  },\n\n  regExp : {\n    escape   : /[-[\\]{}()*+?.,\\\\^$|#\\s]/g,\n    quote    : /\"/g\n  },\n\n  metadata : {\n    defaultText     : 'defaultText',\n    defaultValue    : 'defaultValue',\n    placeholderText : 'placeholder',\n    text            : 'text',\n    value           : 'value'\n  },","sourceCodeStart":3778,"sourceCodeEnd":3814,"githubUrl":"https://github.com/Semantic-Org/Semantic-UI/blob/597843ab84d565cccfd8fd7719416350ae73e734/src/definitions/modules/dropdown.js#L3778-L3814","documentation":"setup.select() builds a dropdown from a <select>. If the select carries the 'multiple' class but not the actual multiple property/attribute, it logs this and auto-sets prop('multiple', true) so multi-values are preserved. Non-fatal and self-corrected.","triggerScenarios":"Markup like <select class=\"ui dropdown multiple\">... without the real multiple attribute, i.e. class-based styling used instead of the attribute.","commonSituations":"Copying class-based markup instead of <select multiple>; partial markup migration that dropped the attribute.","solutions":["Add the multiple attribute to the select: <select multiple class=\"ui dropdown\">","Or leave it — the module auto-corrects, but fix the markup to silence the console warning"],"exampleFix":"<!-- before -->\n<select class=\"ui dropdown multiple\">\n<!-- after -->\n<select multiple class=\"ui fluid dropdown\">","handlingStrategy":"validation","validationCode":"// Ensure a 'multiple' class on a <select> is backed by the attribute.\n$('select.ui.dropdown, select.multiple').each(function () {\n  if (!this.hasAttribute('multiple')) {\n    console.warn('select has multiple class but no multiple attribute');\n    this.setAttribute('multiple', '');\n  }\n});\n$('select').dropdown();","typeGuard":null,"tryCatchPattern":null,"preventionTips":["Use <select multiple> rather than relying on a class to express multiplicity","Audit markup templates that build selects dynamically to always emit the attribute","Treat this console warning as a markup bug to fix, not just noise"],"tags":["dropdown","semantic-ui","select","markup"],"backgroundTag":null,"analyzedSha":"597843ab84d565cccfd8fd7719416350ae73e734","analyzedAt":"2026-08-13T01:44:23.827Z","schemaVersion":2},"datasetVersion":"2026-08-13T04:17:16.726Z"}