imsky / imsky/holder

auto=true with textmode=exact produces inaccurate dimensions on load

Open
#207 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
5.8k
Forks
585
PR merge metrics
No merged PRs in 30d

Description

When combining the with auto and textmode parameters I'm seeing an incorrect width and height on first load. Once the browser is resized the correct dimensions are shown, they are always 20x20.

`holder.js/800x355?auto=true&textmode=exact`

An example:

![pattern_lab_-_pages-basic-page](https://cloud.githubusercontent.com/assets/76320/22695153/a9545824-ed41-11e6-9ec6-6377b82ce14c.jpg)

Then once browser is resized:

![pattern_lab_-_pages-basic-page](https://cloud.githubusercontent.com/assets/76320/22695179/c2db5b62-ed41-11e6-84b6-92857143da2a.jpg)

Note that this is within the Pattern Lab environment so I'm not sure if it applies on a basic static HTML page.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the holder.js/800x355?auto=true&textmode=exact example and compare its initial dimensions with the dimensions after a browser resize. Reproduce the issue outside the Pattern Lab environment if possible; done means the placeholder shows the correct dimensions on first load without requiring a resize.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.