<style>
:host {
cursor: auto;
display: block;
width: 100%;
}
cr-input {
width: 100%;
--cr-input-width: 50%;
}
cr-input::part(row-container) {
justify-content: normal;
}
</style>
<!-- Max length of 100 KB to prevent browser from freezing. -->
<cr-input id="input" value="{{value}}" error-message="$i18n{notValid}"
placeholder="$i18n{enterCustomWebAddress}" maxlength="102400"
on-change="onChange_" on-keydown="onKeydown_" on-input="validate_"
invalid="{{invalid}}" input-tabindex="[[getTabindex_(canTab)]]"
disabled="[[isDisabled_(disabled, pref.*)]]" spellcheck="false"
on-keyup="stopKeyEventPropagation_"
on-keypress="stopKeyEventPropagation_">
<template is="dom-if" if="[[hasPrefPolicyIndicator(pref.*)]]">
<cr-policy-pref-indicator pref="[[pref]]" icon-aria-label="[[label]]"
slot="suffix">
</cr-policy-pref-indicator>
</template>
</cr-input>