mobify/stencil-select

Stencil's basic select component

stencil-select

Stencil's fancy select component

stencil-select's Issues

Make the “inner label” version the only version

Advantages:

• single, consistent implementation
• ability to truncate (with ellipsis) the text value
• ability to allow the caret icon to sit next to the text, as the length of the value changes (debatable?)

Disadvantages

• Every instance is script-driven, even if it doesn’t have to be

Consider using Custom Elements for UI script

Using a Custom Element for components would give us the following:

• automatic initialization without custom code in Adaptive
• lifecycle callbacks
• native DOM API for the component (custom attributes, properties, methods directly on the element itself)

This is an avenue worth considering for a future version of the component system. See this exploratory implementation.