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.

Add text to elements in breadcrumbs ui.click

See original GitHub issue

It’d make things easier especially for apps where the classnames don’t reveal much.

Something along the lines of :

 div > button.btn.btn-lg.btn-primary "Purchase"

If the element contains alot of text, it could be truncated.

Issue Analytics

State:
Created 7 years ago
Reactions:8
Comments:18 (10 by maintainers)

Top GitHub Comments

22reactions

alexloudencommented, Jul 2, 2018

Just wanted to add - I’m using react & styled-components so my class names are automatically generated, would be great to have some more context (without having to manually captureBreadcrumb):

screen shot 2018-07-02 at 4 36 14 pm

16reactions

adamreisnzcommented, Jan 8, 2018

+1 for showing ID’s, or a custom tag like data-sentry-id="Some text here"

Top Results From Across the Web

How to improve ui Sentry.io breadcrumbs? - Stack Overflow

Simply add beforeBreadcrumb(breadcrumb, hint) { if (breadcrumb.category === 'ui.click') { const { target } = hint.event; if (target.

Breadcrumb navigation - CSS: Cascading Style Sheets | MDN

Breadcrumb navigation helps the user to understand their location in the website by providing a breadcrumb trail back to the start page.

Breadcrumbs In Web Design: Examples And Best Practices

In their simplest form, breadcrumbs are horizontally arranged text links separated by the “greater than” symbol (>); the symbol indicates the ...

How To Make a Breadcrumb Navigation - W3Schools

Learn how to create a breadcrumb navigation with CSS. ... Add a slash symbol (/) before/behind each list item */ ... text-decoration: underline;...

Breadcrumb - Bootstrap

Since breadcrumbs provide a navigation, it's a good idea to add a meaningful label such as aria-label="breadcrumb" to describe the type of navigation...