Console messages

What each message a component writes to the browser console means. Every message in the console links to its entry here.

About these messages⁠

There are 135 messages, listed by component. Each entry gives its level and the message itself.

  • A warning means the component corrected or ignored something and kept working.
  • An error means the component could not do what was asked.

The console shows warnings and errors by default. Set minConsoleLoggingLevel in the app configuration to show more or fewer.

Messages about your Chameleon license have a page of their own: unlicensed components.

Assist chip sets⁠

Foreign child⁠

Warning. The component corrected or ignored something, and kept working.

“The assist chip set lays out the assist chip elements only; the children shown are left out of its keyboard navigation.”

Assist chips⁠

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both chip 'icon' slot and 'icon-name' attribute are specified; the slot takes precedence.”

Remove trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both chip 'remove-trailing-icon' slot and 'remove-trailing-icon-name' attribute are specified; the slot takes precedence.”

Buttons⁠

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both button 'icon' slot and 'icon-name' attribute are specified; the slot takes precedence.”

Icon only⁠

Warning. The component corrected or ignored something, and kept working.

The message depends on the component’s state when it is logged.

Continuous dials⁠

Step exceeds range⁠

Warning. The component corrected or ignored something, and kept working.

“The continuous dial 'step' property is greater than the difference between 'min' and 'max' properties; 'step' has been set to a fraction of the difference between 'min' and 'max'.”

Step not positive⁠

Warning. The component corrected or ignored something, and kept working.

“The continuous dial 'step' property is less than or equal to zero; 'step' has been set to 1.”

Min exceeds max⁠

Warning. The component corrected or ignored something, and kept working.

“The continuous dial 'min' property is greater than or equal to 'max' property; 'min' has been set to be 1 less than 'max'.”

Value out of bounds⁠

Warning. The component corrected or ignored something, and kept working.

“The continuous dial 'value' property is less than 'min' or greater than 'max'; 'value' has been saturated at the nearer of 'min' and 'max'.”

Value not aligned⁠

Warning. The component corrected or ignored something, and kept working.

“The continuous dial 'value' property is not aligned with 'step' property; 'value' has been set to the nearest step value.”

Start exceeds end⁠

Warning. The component corrected or ignored something, and kept working.

“The continuous dial 'start-value' property is greater than 'end-value' property; 'start-value' has been set to be 1 less than 'end-value'.”

Center value out of bounds⁠

Warning. The component corrected or ignored something, and kept working.

“The continuous dial 'center-value' property is less than 'min' or greater than 'max'; 'center-value' has been set to the nearest valid central value.”

Value not numeric⁠

Warning. The component corrected or ignored something, and kept working.

“The continuous dial '<property>' property was set to a value that is not a finite number; the assignment has been ignored and '<property>' keeps its previous value.”

Data grids⁠

Items and provider conflict⁠

Warning. The component corrected or ignored something, and kept working.

“The data grid has both 'items' and 'itemsProvider' specified; 'items' takes precedence.”

Unique identifier required⁠

Error. The component could not do what was asked.

“The data grid requires 'unique-identifier' — the name of a field whose value identifies a row. Without it a row has no identity that survives a data change, so keyboard focus cannot be restored to the same record and is dropped instead. Set it to a stable key from your data.”

Currency code missing⁠

Warning. The component corrected or ignored something, and kept working.

“The data grid has a currency column with no valid 'currency' code, so its values are written as plain numbers with two decimal places. The locale decides how a price is written, not which currency it is in: set the column's 'currency' to an ISO 4217 code such as "EUR".”

Data tables⁠

Items and provider conflict⁠

Warning. The component corrected or ignored something, and kept working.

“The data table has both 'items' and 'itemsProvider' specified; 'items' takes precedence.”

Unique identifier required⁠

Error. The component could not do what was asked.

“The data table requires 'unique-identifier' — the name of a field whose value identifies a row. Without it a row has no identity that survives a data change, so keyboard focus cannot be restored to the same record and is dropped instead. Set it to a stable key from your data.”

Currency code missing⁠

Warning. The component corrected or ignored something, and kept working.

“The data table has a currency column with no valid 'currency' code, so its values are written as plain numbers with two decimal places. The locale decides how a price is written, not which currency it is in: set the column's 'currency' to an ISO 4217 code such as "EUR".”

Slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both a written <table> and 'items' or 'itemsProvider' are specified; the written table takes precedence.”

Markup ignores data⁠

Warning. The component corrected or ignored something, and kept working.

“Both a written <table> and 'columns' are specified; the written table's header cells define the columns and 'columns' is ignored.”

Cell content without template⁠

Warning. The component corrected or ignored something, and kept working.

“A child has a 'cell:' slot for a field not listed in 'templateFields'; it is not shown.”

Duplicate cell content⁠

Warning. The component corrected or ignored something, and kept working.

“Two children have the same 'cell:' slot name; both are shown in that cell.”

Template fields need unique identifier⁠

Warning. The component corrected or ignored something, and kept working.

“'templateFields' is set without 'unique-identifier'; a cell slot is then named by the row's position, so its content stays at that position when the rows are sorted or change.”

Multiple tables⁠

Warning. The component corrected or ignored something, and kept working.

“More than one <table> is written inside the element; the first is shown and the others are ignored.”

Virtualize needs fixed rows⁠

Warning. The component corrected or ignored something, and kept working.

“'stack' and 'wrap-cells' have no effect while 'virtualize' is set: virtualized rows share one height.”

Written table not alone⁠

Warning. The component corrected or ignored something, and kept working.

“A written <table> must be the element's only child, apart from 'cell:' slot content. The nodes logged with this message are what else was found: a <table> wrapped in another element is not read, and anything beside a <table> is not shown.”

Dials⁠

Step exceeds range⁠

Warning. The component corrected or ignored something, and kept working.

“The dial 'step' property is greater than the difference between 'min' and 'max' properties; 'step' has been set to a fraction of the difference between 'min' and 'max'.”

Step not positive⁠

Warning. The component corrected or ignored something, and kept working.

“The dial 'step' property is less than or equal to zero; 'step' has been set to 1.”

Min exceeds max⁠

Warning. The component corrected or ignored something, and kept working.

“The dial 'min' property is greater than or equal to 'max' property; 'min' has been set to be 1 less than 'max'.”

Value out of bounds⁠

Warning. The component corrected or ignored something, and kept working.

“The dial 'value' property is less than 'min' or greater than 'max'; 'value' has been saturated at the nearer of 'min' and 'max'.”

Value not aligned⁠

Warning. The component corrected or ignored something, and kept working.

“The dial 'value' property is not aligned with 'step' property; 'value' has been set to the nearest step value.”

Start exceeds end⁠

Warning. The component corrected or ignored something, and kept working.

“The dial 'start-value' property is greater than 'end-value' property; 'start-value' has been set to be 1 less than 'end-value'.”

Center value out of bounds⁠

Warning. The component corrected or ignored something, and kept working.

“The dial 'center-value' property is less than 'min' or greater than 'max'; 'center-value' has been set to the nearest valid central value.”

Value not numeric⁠

Warning. The component corrected or ignored something, and kept working.

“The dial '<property>' property was set to a value that is not a finite number; the assignment has been ignored and '<property>' keeps its previous value.”

Email fields⁠

Type attribute ignored⁠

Warning. The component corrected or ignored something, and kept working.

“The 'type' attribute on the email field has no effect — this field's input type is fixed by the component. Use the field component whose type matches instead: text field, password field, email field, tel field, search field, number field, or autocomplete field.”

Leading icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'leading-icon' slot and 'leading-icon-name' attribute are specified on the email field; the slot takes precedence.”

Trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'trailing-icon' slot and 'trailing-icon-name' attribute are specified on the email field; the slot takes precedence.”

FAB menus⁠

External anchor not positioned⁠

Warning. The component corrected or ignored something, and kept working.

“The FAB menu has 'external-anchor' set, but no element has been assigned to its 'anchorElement' property, so the surface has no geometry to position against and will render unpositioned — typically at the viewport's top-left. Assign 'anchorElement' (the only way to reach an element in a different shadow tree), or set the 'anchor' idref when the target shares this element's root node.”

Invalid child⁠

Warning. The component corrected or ignored something, and kept working.

“A FAB menu child is not a supported button type. Valid children are button, toggle button, icon button and toggle icon button. The FAB is NOT one of them — it is valid only in the anchor slot.”

FABs⁠

No icon⁠

Warning. The component corrected or ignored something, and kept working.

“Floating action button lacks either an 'icon-name' attribute or an 'icon' slot.”

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both floating action button anonymous slot and 'icon-name' attribute are specified; the slot takes precedence.”

Filter chip sets⁠

Foreign child⁠

Warning. The component corrected or ignored something, and kept working.

“The filter chip set lays out the filter chip elements only; the children shown are left out of its keyboard navigation.”

Value not found⁠

Warning. The component corrected or ignored something, and kept working.

“The filter chip set was given a value that no chip holds; it shows nothing selected for it until a chip with that value arrives.”

Filter chips⁠

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both chip 'icon' slot and 'icon-name' attribute are specified; the slot takes precedence.”

Remove trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both chip 'remove-trailing-icon' slot and 'remove-trailing-icon-name' attribute are specified; the slot takes precedence.”

Icon buttons⁠

No icon⁠

Warning. The component corrected or ignored something, and kept working.

“Icon button lacks either an 'icon-name' attribute or an icon in an anonymous slot.”

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both icon button anonymous slot and 'icon-name' attribute are specified; the slot takes precedence.”

Input chip sets⁠

Foreign child⁠

Warning. The component corrected or ignored something, and kept working.

“The input chip set lays out the input chip elements only; the children shown are left out of its keyboard navigation.”

Input chips⁠

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both chip 'icon' slot and 'icon-name' attribute are specified; the slot takes precedence.”

Remove trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both chip 'remove-trailing-icon' slot and 'remove-trailing-icon-name' attribute are specified; the slot takes precedence.”

List items⁠

Leading slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both list item 'start' slot and 'leading-icon-name' attribute are specified; the slot takes precedence.”

Trailing slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both list item 'end' slot and 'trailing-icon-name' attribute are specified; the slot takes precedence.”

Lists⁠

Slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both list anonymous slot and 'expressContent' property are specified; the slot takes precedence.”

Value not found⁠

Warning. The component corrected or ignored something, and kept working.

“List has a value that is not found in its items; it is kept, and selected when a matching item arrives.”

Leading slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both menu item 'leading-icon' slot and 'leading-icon-name' attribute are specified; the slot takes precedence.”

Trailing slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both menu item 'trailing-icon' slot and 'trailing-icon-name' attribute are specified; the slot takes precedence.”

External anchor not positioned⁠

Warning. The component corrected or ignored something, and kept working.

“The menu has 'external-anchor' set, but no element has been assigned to its 'anchorElement' property, so the surface has no geometry to position against and will render unpositioned — typically at the viewport's top-left. Assign 'anchorElement' (the only way to reach an element in a different shadow tree), or set the 'anchor' idref when the target shares this element's root node.”

Slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both menu anonymous slot and 'expressContent' property are specified; the slot takes precedence.”

Value not found⁠

Warning. The component corrected or ignored something, and kept working.

“Menu has a value that is not found in its items; it is kept, and the matching item is marked when it arrives.”

Scroll target unresolved⁠

Warning. The component corrected or ignored something, and kept working.

“The scroll-target attribute names an id that matches no element in this navigation's root node, so the scroll features fall back to the document scroll. An idref cannot cross a shadow boundary: if the scroll container lives in a different root, assign the scrollTargetElement property instead.”

Scroll rate limit delay not numeric⁠

Warning. The component corrected or ignored something, and kept working.

“The scroll-rate-limit-delay property was set to a value that is not a finite number; the assignment has been ignored and the property keeps its previous value. A non-numeric delay reaches setTimeout(), which coerces it to 0, so the change event would silently stop being rate limited.”

Invalid variant⁠

Warning. The component corrected or ignored something, and kept working.

“The variant attribute holds a value that is not a NavigationVariant; falling back to rail. Valid values are top-bar, short-top-bar, bottom-bar, short-bottom-bar, rail, drawer, modal-drawer and none.”

Invalid compact variant⁠

Warning. The component corrected or ignored something, and kept working.

“The compact-variant attribute holds a value that is not a NavigationVariant; falling back to unset, so the compact tier renders variant. Valid values are top-bar, short-top-bar, bottom-bar, short-bottom-bar, rail, drawer and modal-drawer.”

Compact variant none⁠

Warning. The component corrected or ignored something, and kept working.

“The compact-variant attribute is none, which is not a tier a navigation can move to; falling back to unset, so the compact tier renders variant. A form with no box gives the component no resize signal, so it would never notice the tier leaving compact again and would stay invisible for the life of the page. Set variant="none" for a navigation that is never shown, or name a form that still has geometry.”

Invalid wide variant⁠

Warning. The component corrected or ignored something, and kept working.

“The wide-variant attribute holds a value that is not a NavigationVariant; falling back to unset, so the wide tier renders variant. Valid values are top-bar, short-top-bar, bottom-bar, short-bottom-bar, rail, drawer and modal-drawer.”

Wide variant none⁠

Warning. The component corrected or ignored something, and kept working.

“The wide-variant attribute is none, which is not a tier a navigation can move to; falling back to unset, so the wide tier renders variant. A form with no box gives the component no resize signal, so it would never notice the tier leaving wide again and would stay invisible for the life of the page. Set variant="none" for a navigation that is never shown, or name a form that still has geometry.”

Invalid width⁠

Warning. The component corrected or ignored something, and kept working.

“The --ct-nav-width custom property holds a value that is not a NavigationWidth; falling back to regular, so the navigation renders variant. Valid values are wide, regular and compact.”

Unreadable width⁠

Error. The component could not do what was asked.

“The --ct-nav-width custom property could not be read at all, so the navigation is rendering regular whatever the page declared. This is never an unconfigured page: the component declares its own default, so an empty read means the mechanism is broken -- the component stylesheet did not load, or the private token name was renamed in the emitted CSS without this component's read being renamed with it.”

Invalid icon position⁠

Warning. The component corrected or ignored something, and kept working.

“The icon-position attribute holds a value that is not a NavigationIconPosition; falling back to above. Valid values are above and start.”

Invalid label visibility⁠

Warning. The component corrected or ignored something, and kept working.

“The label-visibility attribute holds a value that is not a NavigationLabelVisibility; falling back to always. Valid values are always, selected and never.”

Invalid alignment⁠

Warning. The component corrected or ignored something, and kept working.

“The alignment attribute holds a value that is not a NavigationAlignment; falling back to start. Valid values are start, center and end.”

Hidden in every tier⁠

Warning. The component corrected or ignored something, and kept working.

“A child carries hide-wide, hide-regular and hide-compact together, which leaves no tier for it to render in — it is in the markup and is shown nowhere. Remove whichever of the three names the tier the child belongs to.”

Warning. The component corrected or ignored something, and kept working.

“Some destinations carry an href and some do not, so the navigation is a tablist and the hrefs are inert. A set of links needs every destination to have one. Give the rest an href, or remove them from these.”

Section label in tab mode⁠

Warning. The component corrected or ignored something, and kept working.

“A child of the default slot is not a cw-nav-tab, and the navigation is a tablist, which may not contain it: it is excluded from every form. Section headings are for a navigation whose every destination has an href (a set of links); there they show in the drawer forms.”

Unnamed modal dialog⁠

Warning. The component corrected or ignored something, and kept working.

“A modal drawer has opened with no aria-label on the navigation. While the overlay is on screen the container takes the dialog role with aria-modal, and a modal dialog with no accessible name is announced as an unnamed dialog that focus is then trapped inside. Set aria-label on the cw-nav element; it is forwarded to the dialog.”

Number fields⁠

Type attribute ignored⁠

Warning. The component corrected or ignored something, and kept working.

“The 'type' attribute on the number field has no effect — this field's input type is fixed by the component. Use the field component whose type matches instead: text field, password field, email field, tel field, search field, number field, or autocomplete field.”

Leading icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'leading-icon' slot and 'leading-icon-name' attribute are specified on the number field; the slot takes precedence.”

Trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'trailing-icon' slot and 'trailing-icon-name' attribute are specified on the number field; the slot takes precedence.”

Integer mode empty range⁠

Warning. The component corrected or ignored something, and kept working.

“The number field has mode="integer" but no whole number it can display lies between its min and max, so no value can ever be valid. Widen the bounds to admit one — under magnitude="percent" or "basis-points" they are compared in display space, where min="0.005" max="0.008" is 0.5 to 0.8 — or drop mode="integer".”

Integer mode fractional step⁠

Warning. The component corrected or ignored something, and kept working.

“The number field has mode="integer" with a step that is not a whole number of the units it displays, so the step grid runs through values between whole numbers that the field's rounding can never hold. Use a whole-number step — under magnitude="percent" that is a whole number of points, step="0.01" — or drop mode="integer". Under a scaled magnitude, also check the step base: HTML anchors the grid at min, and a min that is fractional in display space keeps the grid off the whole numbers whatever the step is.”

Password fields⁠

Type attribute ignored⁠

Warning. The component corrected or ignored something, and kept working.

“The 'type' attribute on the password field has no effect — this field's input type is fixed by the component. Use the field component whose type matches instead: text field, password field, email field, tel field, search field, number field, or autocomplete field.”

Leading icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'leading-icon' slot and 'leading-icon-name' attribute are specified on the password field; the slot takes precedence.”

Trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'trailing-icon' slot and 'trailing-icon-name' attribute are specified on the password field; the slot takes precedence.”

Plain tooltips⁠

External anchor ignores slot⁠

Warning. The component corrected or ignored something, and kept working.

“The plain tooltip is anchored externally (via 'anchor' or 'external-anchor'), so its default slot is not rendered and the content placed there is not displayed. Either remove that content, or remove the external anchor and let the tooltip wrap it.”

Persistent anchor not a button⁠

Warning. The component corrected or ignored something, and kept working.

“The plain tooltip is persistent and its anchor is not a button, so a screen reader is not told it opens anything. Use a button (or a cw-* button) as the anchor.”

Anchor idref unresolved⁠

Warning. The component corrected or ignored something, and kept working.

“The plain tooltip has an 'anchor' idref that matches no element in its root node, so the tooltip has nothing to attach to and will never show. Note that an idref cannot cross a shadow boundary — if the anchor lives in a different root, set 'external-anchor' and assign the '.anchorElement' property instead.”

Description unreachable⁠

Warning. The component corrected or ignored something, and kept working.

“The plain tooltip's text is inside a shadow tree its anchor is outside of, so no reference can reach it and a screen reader does not read the tooltip. Put the tooltip in the anchor's tree or one enclosing it.”

Description not forwarded⁠

Warning. The component corrected or ignored something, and kept working.

“The plain tooltip is anchored on a component whose focused control is inside its own shadow root and which cannot take a tooltip's text, so a screen reader does not read the tooltip. Anchor it on a native control, or on a Chameleon control that takes it, such as a button, a chip, a checkbox or a switch.”

Popovers⁠

External anchor not positioned⁠

Warning. The component corrected or ignored something, and kept working.

“The popover has 'external-anchor' set, but no element has been assigned to its 'anchorElement' property, so the surface has no geometry to position against and will render unpositioned — typically at the viewport's top-left. Assign 'anchorElement' (the only way to reach an element in a different shadow tree), or set the 'anchor' idref when the target shares this element's root node.”

Radio sets⁠

Value not found⁠

Warning. The component corrected or ignored something, and kept working.

“Radio set has a value that none of its radios holds; no radio is checked until one holds it.”

Range sliders⁠

Step exceeds range⁠

Warning. The component corrected or ignored something, and kept working.

“The range slider 'step' property is greater than the difference between 'min' and 'max' properties; 'step' has been set to a fraction of the difference between 'min' and 'max'.”

Step not positive⁠

Warning. The component corrected or ignored something, and kept working.

“The range slider 'step' property is less than or equal to zero; 'step' has been set to 1.”

Min exceeds max⁠

Warning. The component corrected or ignored something, and kept working.

“The range slider 'min' property is greater than or equal to 'max' property; 'min' has been set to be 1 less than 'max'.”

Value out of bounds⁠

Warning. The component corrected or ignored something, and kept working.

“The range slider 'value' property is less than 'min' or greater than 'max'; 'value' has been saturated at the nearer of 'min' and 'max'.”

Value not aligned⁠

Warning. The component corrected or ignored something, and kept working.

“The range slider 'value' property is not aligned with 'step' property; 'value' has been set to the nearest step value.”

Start exceeds end⁠

Warning. The component corrected or ignored something, and kept working.

“The range slider 'start-value' property is greater than 'end-value' property; 'start-value' has been set to be 1 less than 'end-value'.”

Center value out of bounds⁠

Warning. The component corrected or ignored something, and kept working.

“The range slider 'center-value' property is less than 'min' or greater than 'max'; 'center-value' has been set to the nearest valid central value.”

Value not numeric⁠

Warning. The component corrected or ignored something, and kept working.

“The range slider '<property>' property was set to a value that is not a finite number; the assignment has been ignored and '<property>' keeps its previous value.”

Rich tooltips⁠

External anchor ignores slot⁠

Warning. The component corrected or ignored something, and kept working.

“The rich tooltip is anchored externally (via 'anchor' or 'external-anchor'), so its default slot is not rendered and the content placed there is not displayed. Either remove that content, or remove the external anchor and let the tooltip wrap it.”

Persistent anchor not a button⁠

Warning. The component corrected or ignored something, and kept working.

“The rich tooltip is persistent and its anchor is not a button, so a screen reader is not told it opens anything. Use a button (or a cw-* button) as the anchor.”

Anchor idref unresolved⁠

Warning. The component corrected or ignored something, and kept working.

“The rich tooltip has an 'anchor' idref that matches no element in its root node, so the tooltip has nothing to attach to and will never show. Note that an idref cannot cross a shadow boundary — if the anchor lives in a different root, set 'external-anchor' and assign the '.anchorElement' property instead.”

Description unreachable⁠

Warning. The component corrected or ignored something, and kept working.

“The rich tooltip's text is inside a shadow tree its anchor is outside of, so no reference can reach it and a screen reader does not read the tooltip. Put the tooltip in the anchor's tree or one enclosing it.”

Description not forwarded⁠

Warning. The component corrected or ignored something, and kept working.

“The rich tooltip is anchored on a component whose focused control is inside its own shadow root and which cannot take a tooltip's text, so a screen reader does not read the tooltip. Anchor it on a native control, or on a Chameleon control that takes it, such as a button, a chip, a checkbox or a switch.”

Search fields⁠

Type attribute ignored⁠

Warning. The component corrected or ignored something, and kept working.

“The 'type' attribute on the search field has no effect — this field's input type is fixed by the component. Use the field component whose type matches instead: text field, password field, email field, tel field, search field, number field, or autocomplete field.”

Leading icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'leading-icon' slot and 'leading-icon-name' attribute are specified on the search field; the slot takes precedence.”

Trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'trailing-icon' slot and 'trailing-icon-name' attribute are specified on the search field; the slot takes precedence.”

Selects⁠

Slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both select anonymous slot and 'expressContent' property are specified; the slot takes precedence.”

Value not found⁠

Warning. The component corrected or ignored something, and kept working.

“Select's value matches none of its options. It is kept and nothing is shown selected until an option with that value arrives.”

Sliders⁠

Step exceeds range⁠

Warning. The component corrected or ignored something, and kept working.

“The slider 'step' property is greater than the difference between 'min' and 'max' properties; 'step' has been set to a fraction of the difference between 'min' and 'max'.”

Step not positive⁠

Warning. The component corrected or ignored something, and kept working.

“The slider 'step' property is less than or equal to zero; 'step' has been set to 1.”

Min exceeds max⁠

Warning. The component corrected or ignored something, and kept working.

“The slider 'min' property is greater than or equal to 'max' property; 'min' has been set to be 1 less than 'max'.”

Value out of bounds⁠

Warning. The component corrected or ignored something, and kept working.

“The slider 'value' property is less than 'min' or greater than 'max'; 'value' has been saturated at the nearer of 'min' and 'max'.”

Value not aligned⁠

Warning. The component corrected or ignored something, and kept working.

“The slider 'value' property is not aligned with 'step' property; 'value' has been set to the nearest step value.”

Start exceeds end⁠

Warning. The component corrected or ignored something, and kept working.

“The slider 'start-value' property is greater than 'end-value' property; 'start-value' has been set to be 1 less than 'end-value'.”

Center value out of bounds⁠

Warning. The component corrected or ignored something, and kept working.

“The slider 'center-value' property is less than 'min' or greater than 'max'; 'center-value' has been set to the nearest valid central value.”

Value not numeric⁠

Warning. The component corrected or ignored something, and kept working.

“The slider '<property>' property was set to a value that is not a finite number; the assignment has been ignored and '<property>' keeps its previous value.”

External anchor not positioned⁠

Warning. The component corrected or ignored something, and kept working.

“The sub menu has 'external-anchor' set, but no element has been assigned to its 'anchorElement' property, so the surface has no geometry to position against and will render unpositioned — typically at the viewport's top-left. Assign 'anchorElement' (the only way to reach an element in a different shadow tree), or set the 'anchor' idref when the target shares this element's root node.”

Slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both menu anonymous slot and 'expressContent' property are specified; the slot takes precedence.”

Value not found⁠

Warning. The component corrected or ignored something, and kept working.

“Menu has a value that is not found in its items; it is kept, and the matching item is marked when it arrives.”

Suggestion chip sets⁠

Foreign child⁠

Warning. The component corrected or ignored something, and kept working.

“The suggestion chip set lays out the suggestion chip elements only; the children shown are left out of its keyboard navigation.”

Suggestion chips⁠

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both chip 'icon' slot and 'icon-name' attribute are specified; the slot takes precedence.”

Remove trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both chip 'remove-trailing-icon' slot and 'remove-trailing-icon-name' attribute are specified; the slot takes precedence.”

Tel fields⁠

Type attribute ignored⁠

Warning. The component corrected or ignored something, and kept working.

“The 'type' attribute on the tel field has no effect — this field's input type is fixed by the component. Use the field component whose type matches instead: text field, password field, email field, tel field, search field, number field, or autocomplete field.”

Leading icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'leading-icon' slot and 'leading-icon-name' attribute are specified on the tel field; the slot takes precedence.”

Trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'trailing-icon' slot and 'trailing-icon-name' attribute are specified on the tel field; the slot takes precedence.”

Text fields⁠

Type attribute ignored⁠

Warning. The component corrected or ignored something, and kept working.

“The 'type' attribute on the text field has no effect — this field's input type is fixed by the component. Use the field component whose type matches instead: text field, password field, email field, tel field, search field, number field, or autocomplete field.”

Leading icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'leading-icon' slot and 'leading-icon-name' attribute are specified on the text field; the slot takes precedence.”

Trailing icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both the 'trailing-icon' slot and 'trailing-icon-name' attribute are specified on the text field; the slot takes precedence.”

Toggle buttons⁠

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both button 'icon' slot and 'icon-name' attribute are specified; the slot takes precedence.”

Icon only⁠

Warning. The component corrected or ignored something, and kept working.

The message depends on the component’s state when it is logged.

Selected icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both button 'selected-icon' slot and 'selected-icon-name' attribute are specified; the slot takes precedence.”

Toggle icon buttons⁠

No icon⁠

Warning. The component corrected or ignored something, and kept working.

“Icon button lacks either an 'icon-name' attribute or an icon in an anonymous slot.”

Icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both icon button anonymous slot and 'icon-name' attribute are specified; the slot takes precedence.”

Selected icon slot precedence⁠

Warning. The component corrected or ignored something, and kept working.

“Both icon button 'selected' slot and 'selected-icon-name' attribute are specified; the slot takes precedence.”