question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

NumberInput border-color is using default browser black

See original GitHub issue

Firstly, thanks for a great design system!

I can see it is setting border-color to inherit, but when I do set borderColor, only the outer border changes, not the stepper buttons.

I’m using the CSSReset component, so I should be getting the gray.200 colour instead, right?

See the following screen capture:

CleanShot 2019-09-19 at 16 15 52

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:11 (10 by maintainers)

github_iconTop GitHub Comments

2reactions
Ronvacommented, Sep 22, 2019

Sounds like we should set up a useEffect hook that watches the value and sets it to the minimum or 0 if it’s ever invalid, right? This would be something good to add to the unit/integration tests once that stuff gets merged in.

1reaction
segunadebayocommented, Sep 19, 2019

@aaronmcadam ,

At the moment, I don’t. I typically just pick which fixes I think are critical and fix them. I’ll appreciate your contribution.

As for the NumberInput, I’ll look into it soon.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change input text border color without changing its height
Yes it does affect height, at least with Firefox 72.0.1. With the border style given the input box appears with much reduced height...
Read more >
HTML DOM Style borderColor Property - W3Schools
The borderColor property sets or returns the color of an element's border. This property can take from one to four values: One value,...
Read more >
vue-phone-number-input/index.vue at master - GitHub
A phone number input made with Vue JS (format & valid phone number) ... If you use a "default-country-code", do not use "no-use-browser-locale"...
Read more >
appearance - CSS: Cascading Style Sheets - MDN Web Docs
The appearance CSS property is used to control native appearance of UI controls, that are based on operating system's theme.
Read more >
How to Make Chrome Default Browser on Xiaomi Black Shark 5
Find out more about making Chrome a default browser on Xiaomi Black Shark ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found