V9: Design choice Input Components resembling Google Material Design!

[blendsdk]

Hi,

I was wondering why the Input components in V9 have an activation indicator that is very much Material Design?
If these are by intention then please consider removing the lower border-radius of these components.

• V9 Input
• Just look, don't use: 😄

[JustSlone]

It's not intentional to mimic Material Design here, the v9 default styling is part of the new Fluent Design look and feel (public UI kits and designs coming soon!).

I'll ask though, what is the reason for wanting to remove the lower border-radius?

[blendsdk]

The bottom-activation-indicator-line, when a field is in focus, breaks the bottom border-radius. Please note: this is going to be difficult to fix. Unless you use fancy SVG layering, (like done in MaterialDesign)

[smhigley]

I'm seeing the border radius preserved when focused -- @blendsdk are you getting something different than this?

The flat top of the focus indicator was an intentional design choice (that initially confused me when first implementing it 😅). If you're seeing something different than the screenshot, could you let us know the browser version and OS?