Spectrum Textfield about spectrum-web-components

[Westbrook]

@adixon-adobe You brought this component up to begin with, do you have a specific use case that you're working with? There are a couple of different ways I think we could make it "ready to ship" that leave room for further iteration via the decorator pattern or the form participation API, but what's OK depends on where this element would likely be used.

[adixon-adobe]

@Westbrook the thing I ran into with SpectrumCSS & Spectrum it that there's no error text support (which I needed for e-mail validation errors, like "you can't invite yourself").

The form errors tutorial here shows this: https://spectrum.corp.adobe.com/page/tutorials

@lazd I think you mentioned some related work happening for other badging (and I think I offered to help back when I had time).

Anyways, I don't think that needs to come in the first round of implementation, but it's something we'll need to solve to adopt it.

[adixon-adobe]

Now that I re-read your comment, I think we're on the same page 🥇

[Westbrook]

Sorry, @adixon-adobe, I think I was unclear. I'm looking for use cases as to how the sp-textfield will be applied in your application. In general, wrapping an <input/> in the shadow DOM of a custom element excludes it from participating directly in parent <form/> elements. If we're OK with manually collecting the data, via responding to change events or querying el.values across any textfields, then there is less work do be done on this component before we can move forward than if we want form participation handled. The emerging specifications in https://web.dev/more-capable-form-controls are interesting, but not x-browser yet, so in that case some quality of https://medium.com/@westbrook/decorator-pattern-plus-816eefc89824 would be required to do so. With your use case being the soonest one to cover, I was hoping that knowing it could clarify the scope for the initial publication of this component in our library.

[adixon-adobe]

Oh -- we shouldn't need to worry about <form/> elements in our case. We've generally handled events manually (I think the only

element on our site is on a report abuse form that we can just leave as pretty unstyled/basic html).

[adixon-adobe]

This is a SpectrumCSS issue that covers adding the error label support: adobe/spectrum-css#169

[Westbrook]

Initial pass complete. We should consider additions like form participation, formData event management, or labels in a separate issue.