CSS styles can leak into the Lamdera Live overlay
Open
Nobody has claimed this yet.
- Dominant language
- Haskell
- Stars
- 95
- Forks
- 21
- PR merge metrics
- No merged PRs in 30d
Description
Quick Summary:
The <a> element in the overlay that links to the Lamdera docs can inherit styles from the app's CSS, as in this screenshot:
SSCCE
Here's the CSS that causes this, which is in public/styles.css in my repo:
a:not(nav *) {
border-color: var(--acnt-07-bd);
background-color: var(--acnt-03-el);
border-radius: 5px;
border-width: 2px;
border-style: solid;
text-decoration: none;
padding: 5px;
}
- Elm: 19.1 / Lamdera 1.3.2
- Browser: Firefox
- Operating System: Nixos
Additional Details
N/A
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The report identifies the Lamdera Live overlay and reproduces the leak with a:not(nav *) from public/styles.css; no compiler file or test is named. Start by locating the overlay implementation, reproduce the Firefox case with the supplied selector, and consider it done when app CSS no longer changes the docs link's appearance and the regression is covered.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, elm
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100