Method name in left hand column is rendered incorrectly in Safari for Mac
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 25.9k
- Forks
- 2.4k
- Avg merge
- 13h 10m
- Merged PRs (30d)
- 4
Description
Describe the bug
In Safari for Mac, the method name in the left hand column is rendered too large for the background lozenge:
To Reproduce
Steps to reproduce the behavior:
- Create a valid openapi.yaml spec file
- Run
docker run --rm -v /Users/rob/Projects/work/LaminarResearch/store/payments/spec:/spec redocly/cli build-docs -o spec.html openapi.yaml - Open Safari and see error
Expected behavior
In Chrome, the method name is smaller:
It should look like this in Safari.
Redocly Version(s)
$ docker run --rm redocly/cli --version
1.22.0
Node.js Version(s)
Whatever is in Docker image
OS, environment
MacOS 14.6.1, Apple Silicon.
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
Reproduce the rendering issue with the provided Docker command, then open the generated documentation in Safari on macOS and compare it with Chrome. Trace the frontend styling responsible for the method-name background lozenge; done means the method name fits the lozenge in Safari as it does in Chrome.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100