diff --git a/src/CustomDropdown.xml b/src/CustomDropdown.xml
index 0cab15b..d5ef8dd 100644
--- a/src/CustomDropdown.xml
+++ b/src/CustomDropdown.xml
@@ -7,6 +7,13 @@
     <description>Widget to make a selection in a dropdown menu.</description>
     <icon/>
     <properties>
+        <propertyGroup caption="General">
+            <property key="editable" type="boolean" required="true" defaultValue="true" >
+                <caption>Editable</caption>
+                <description>The widget doesn't listen to the editability setting of the containing dataview, but you can set it's editability here</description>
+            </property>
+        </propertyGroup>
+
         <propertyGroup caption="Data source">
             <property key="defaultValue" type="datasource" isList="true" required="false" >
                 <caption>Default value</caption>
diff --git a/src/components/CustomDropdown/index.spec.tsx b/src/components/CustomDropdown/index.spec.tsx
index 34c410a..2290550 100644
--- a/src/components/CustomDropdown/index.spec.tsx
+++ b/src/components/CustomDropdown/index.spec.tsx
@@ -74,6 +74,7 @@ const defaultProps = {
     enableClear: true,
     enableSearch: true,
     useAvatar: true,
+    editable: true,
     useDefaultStyle: true,
     placeholder: "placeholder",
     className: "custom-dropdown",
@@ -380,7 +381,7 @@ describe("Custom dropdown component", () => {
                     paginate: false,
                     setLimit
                 },
-                paginate: false,
+                paginate: false
             };
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
diff --git a/src/components/CustomDropdown/index.tsx b/src/components/CustomDropdown/index.tsx
index 7ec62ac..ff6cb46 100644
--- a/src/components/CustomDropdown/index.tsx
+++ b/src/components/CustomDropdown/index.tsx
@@ -303,6 +303,7 @@ export default class CustomDropdown extends Component<CustomDropdownContainerPro
                         onChange={this.handleChange}
                         isClearable={this.props.enableClear}
                         isSearchable={this.props.enableSearch}
+                        isDisabled={!this.props.editable}
                         styles={styles}
                         placeholder={isLoading ? "Loading..." : this.props.placeholder}
                         className={this.props.className!}
@@ -330,6 +331,7 @@ export default class CustomDropdown extends Component<CustomDropdownContainerPro
                     onChange={this.handleChange}
                     isClearable={this.props.enableClear}
                     isSearchable={this.props.enableSearch}
+                    isDisabled={!this.props.editable}
                     styles={styles}
                     placeholder={isLoading ? "Loading..." : this.props.placeholder}
                     className={this.props.className!}
diff --git a/tests/testProject/CustomDropdownTestProject.mpr b/tests/testProject/CustomDropdownTestProject.mpr
index 5719392..5cbc1ec 100644
Binary files a/tests/testProject/CustomDropdownTestProject.mpr and b/tests/testProject/CustomDropdownTestProject.mpr differ
diff --git a/tests/testProject/widgets/mendix.CustomDropdown.mpk b/tests/testProject/widgets/mendix.CustomDropdown.mpk
index d017a74..c5d6dcb 100644
Binary files a/tests/testProject/widgets/mendix.CustomDropdown.mpk and b/tests/testProject/widgets/mendix.CustomDropdown.mpk differ
diff --git a/typings/CustomDropdownProps.d.ts b/typings/CustomDropdownProps.d.ts
index 4ea841e..dd11058 100644
--- a/typings/CustomDropdownProps.d.ts
+++ b/typings/CustomDropdownProps.d.ts
@@ -11,6 +11,7 @@ export interface CustomDropdownContainerProps {
     class: string;
     style?: CSSProperties;
     tabIndex?: number;
+    editable: boolean;
     defaultValue?: ListValue;
     objIdDefaultValue?: ListAttributeValue<string>;
     firstLabelDefaultValue?: ListAttributeValue<string>;
@@ -43,6 +44,7 @@ export interface CustomDropdownContainerProps {
 export interface CustomDropdownPreviewProps {
     class: string;
     style: string;
+    editable: boolean;
     defaultValue: {} | { type: string } | null;
     objIdDefaultValue: string;
     firstLabelDefaultValue: string;