diff --git a/src/Umbraco.Web.UI.Client/src/packages/property-editors/text-box/property-editor-ui-text-box.element.ts b/src/Umbraco.Web.UI.Client/src/packages/property-editors/text-box/property-editor-ui-text-box.element.ts index ae0ab74bcf..8d58a2f68e 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/property-editors/text-box/property-editor-ui-text-box.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/property-editors/text-box/property-editor-ui-text-box.element.ts @@ -88,6 +88,10 @@ export class UmbPropertyEditorUITextBoxElement @input=${this.#onInput} ?required=${this.mandatory} .requiredMessage=${this.mandatoryMessage} + .maxlengthMessage=${() => { + const exceeded = (this.value?.length ?? 0) - (this._maxChars ?? 0); + return this.localize.term('textbox_characters_exceed', this._maxChars, exceeded); + }} ?readonly=${this.readonly}>`; } diff --git a/src/Umbraco.Web.UI.Client/src/packages/property-editors/textarea/property-editor-ui-textarea.element.ts b/src/Umbraco.Web.UI.Client/src/packages/property-editors/textarea/property-editor-ui-textarea.element.ts index 34402e9acd..b136ec19b2 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/property-editors/textarea/property-editor-ui-textarea.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/property-editors/textarea/property-editor-ui-textarea.element.ts @@ -90,6 +90,10 @@ export class UmbPropertyEditorUITextareaElement @input=${this.#onInput} ?required=${this.mandatory} .requiredMessage=${this.mandatoryMessage} + .maxlengthMessage=${() => { + const exceeded = (this.value?.length ?? 0) - (this._maxChars ?? 0); + return this.localize.term('textbox_characters_exceed', this._maxChars, exceeded); + }} ?readonly=${this.readonly}> `; }