lit / lit/lit.dev

[playground-elements] "Hello World" Playground page not rendered in Firefox

Open
#861 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

More Info Needed
Dominant language
TypeScript
Stars
142
Forks
230
PR merge metrics
No merged PRs in 30d

Description

# Description

The Playground page does not render the "Hello World" example using Firefox 100.0 (64-bit) in macOS Big Sur. Reproducible with all addons disabled. Does it work correctly in Safari Version 14.1.2 (16611.3.10.1.6). Other browsers not checked.

# Steps to Reproduce

Open (https://lit.dev/playground/)[https://lit.dev/playground/]

2. See this output...

## Live Reproduction Link

https://lit-html.stackblitz.io/ stuck with "Starting dev server" and this code:

```typescript
// Import lit-html functions
import { html, render } from 'lit-html';

// Define a template function
const myTemplate = name =>
html`

Hello ${name}!


`;

// Render the template with some data
render(myTemplate('lit-html'), document.body);
```

## Actual Results

![Screen Shot 2022-05-04 at 23 29 53](https://user-images.githubusercontent.com/4825959/166835086-e3048a33-cb75-4353-9984-e2aef446bdb2.png)

## Browsers Affected

- [ ] Chrome
- [X] Firefox
- [ ] Edge
- [ ] Safari 11
- [ ] Safari 10
- [ ] IE 11

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by opening https://lit.dev/playground/ in Firefox 100 on macOS and compare the result with Safari, using the reported Hello World example and screenshot as the reference. Trace the playground rendering path from the page entry point; done means the Hello World Playground page renders correctly in Firefox.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.