diff --git a/packages/stencil-library/src/components/dnn-select/dnn-select.tsx b/packages/stencil-library/src/components/dnn-select/dnn-select.tsx index b29556de..d07fedd7 100644 --- a/packages/stencil-library/src/components/dnn-select/dnn-select.tsx +++ b/packages/stencil-library/src/components/dnn-select/dnn-select.tsx @@ -79,8 +79,13 @@ export class DnnSelect { } componentDidLoad() { - this.applySlottedItemsToSelect(); - this.setFormValue(); + requestAnimationFrame(() => { + var validity = this.select.validity; + var validityMessage = validity.valid ? "" : this.select.validationMessage; + this.internals.setValidity(this.select.validity, validityMessage); + this.applySlottedItemsToSelect(); + this.setFormValue(); + }); } // eslint-disable-next-line @stencil-community/own-methods-must-be-private