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.

[Scaffold] When focused on an input with an error, input border should be red

See original GitHub issue

Focusing on the input makes the border gray, but it should stay red:

image

This should just be a matter of adding a :focus style in scaffold.css.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:3
  • Comments:12 (12 by maintainers)

github_iconTop GitHub Comments

1reaction
SarveshLimayecommented, Oct 18, 2021

@cannikin Thanks a lot it worked!

1reaction
cannikincommented, Oct 18, 2021

Ahh you’re running those in the actual Redwood codebase. You’d need to run those in a regular Redwood app. I’d suggest doing that (yarn create redwood-app app-name-here) and making the changes in the scaffold.css file that gets created after you run the scaffold generator. Then once the styles look good, add your new styles to the scaffold.css.template file that’s here in the main Redwood repo: https://github.com/redwoodjs/redwood/blob/main/packages/cli/src/commands/generate/scaffold/templates/assets/scaffold.css.template

Read more comments on GitHub >

github_iconTop Results From Across the Web

angular - Want to make border color red when input is invalid
I now have a text appear that says the input is invalid, but I would like to make the border red ...
Read more >
InputDecoration class - material library - Flutter - Dart API docs
This sample shows how to create a TextField with hint text, a red border on all sides, and an error message. To display...
Read more >
DRY Input Errors in Rails - Felipe Moyano
DRYing up error rendering with a hook # ; " · field['class'] · border-red-600 border focus:outline-none" ; <<-HTML · fragment.to_s · HTML
Read more >
Input - Ant Design
A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data....
Read more >
How do I change the colour of the error state field borders ...
How do I change the colour of the error state field borders (from red to ... .form-line-error input:not(#coupon-input),.form-line-error ...
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