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.

[structured list] selection variant needs peristent background for selected state

See original GitHub issue

For the selected state, the background needs to stay with the checkmark. The background color should be selected-ui.


Spec: Artboard

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
asudohcommented, Feb 6, 2020

Thanks @tw15egan for clarifying! I think we can listen to change event on <StructuredListRow> by letting the event bubble, but doing so causes an issue with programmatic control of the checked state. So agreed that it may involve a breaking change.

1reaction
tw15egancommented, Feb 4, 2020

Seems like this is a larger bug with the actual implementation of the React StructuredList, rather than a simple styling bug. The problem does not exist in vanilla.

Can be bundled in with any changes based on the outcome of discussion regarding larger Structured List updates

https://github.com/carbon-design-system/carbon/issues/5065

Read more comments on GitHub >

github_iconTop Results From Across the Web

selection - CSS: Cascading Style Sheets - MDN Web Docs
The ::selection CSS pseudo-element applies styles to the part of a document that has been highlighted by the user (such as clicking and ......
Read more >
Lists - Material Design
Lists are continuous, vertical display of text or images. ... List structure can be organized using visuals, dividers, and spacing.
Read more >
How to change the background color of a UIButton while it's ...
At some point in my app I have a highlighted UIButton (for example when a user has his finger on the button) and...
Read more >
Composition-Based Design System In Figma
A choice-list item would have a tinted background in one design file (indicating ... Take the container and select a needed state; ...
Read more >
Display a selection list - Angular
... a list of heroes. Allow users to select a hero and display the hero's details. ... Define a HEROES constant as an...
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