Hacker News new | ask | show | jobs
by scoot 187 days ago
The point is that it works out of the box (i.e. with no additional styling). It isn't invisible.

And yes, obviously with default browser styling – what else would it use in the absence of any default styling or the example css?

I don't understand your argument.

1 comments

> The point is that it works out of the box (i.e. with no additional styling)

Then you wouldn't have to remove default styling for it to "work out of the box".

> I don't understand your argument.

The default styling that you have to remove for the input to stop being invisible is just yet another example in a long, long, long line of CSS design systems that absolutely hate text input and their users: https://base-ui.com/react/components/input

Barely visible thin light gray lines where the input is supposed to be are endemic. The example in Field is even more egregious: https://base-ui.com/react/components/field

> Then you wouldn't have to remove default styling for it to "work out of the box"

I didn't. I removed the CSS styling provided in the example to test that it works perfectly without it.

As OP said in his post description "Base UI doesn’t bundle any styles"

> Barely visible thin light gray lines where the input is supposed to be are endemic

That's a very different complaint, and if as you say "endemic", contradicts your original one that in general they don't render at all.

I imagine that the CSS in the examples are intentionally lightweight exactly because they're unstyled components. It isn't a design system, so is being as unopinionated as possible while demonstrating how to style them.

I don't use the "T" word lightly, but it really does look like you're intentionally being one. (That or poorly informed – you chose which side of Hanlon's razor you sit.)

> I imagine that the CSS in the examples are intentionally lightweight exactly because they're unstyled components.

An unstyled text input doesn't look like a nearly invisible thin light gray rectangle.

> It isn't a design system, so is being as unopinionated as possible

Then their examples are opinionated with the same hate towards text inputs as every other "accessible unopinionated CSS"

> I don't use the "T" word lightly, but it really does look like you're intentionally being one. (That or poorly informed – you chose which side of Hanlon's razor you sit.)

Vague ad hominem attacks. See, I don't use the "V", "H" and two "A" words lightly either.

> An unstyled text input doesn't look like a nearly invisible thin light gray rectangle.

Correct – it doesn't. It would bode you well to actually try the thing you're commenting on.

> Vague ad hominem attacks

Then let me be explicit – it's pretty clear that you only came here to troll, because nothing you've said has any basis in fact. Please don't do that here.