axodotdev / axodotdev/axii

Errors in result when capturing image in firefox at scale other than 100%

Open
#14 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
Vue
Stars
20
Forks
1
PR merge metrics
No merged PRs in 30d

Description

## 🐛 Bug description
When the scale is set to something other than 100% in Firefox, "Download as Image" captures an incorrectly rendered image.

#### 🤔 Expected Behavior
The image should be captured exactly as shown in browser.

#### 👟 Steps to reproduce
Visit [axii.axo.dev](https://axii.axo.dev/) in Firefox, input Ctrl-+ (increasing scale to 110%), upload your image, then click the "Download as Image" button.

#### 📸 Screenshots/videos
##### 80%
![80%](https://user-images.githubusercontent.com/36526063/197292854-bc10dd83-6b8f-43e1-af10-1d0bade22a19.png)
##### 90%
![90%](https://user-images.githubusercontent.com/36526063/197292869-4d635073-6c40-4b11-a4f4-3528605c7b8c.png)
##### 100% (correct)
![100%](https://user-images.githubusercontent.com/36526063/197292888-eb98f99f-517b-4edc-bab3-f98c28262815.png)
##### 110%
![110%](https://user-images.githubusercontent.com/36526063/197292931-36fff76e-63bf-4596-90c8-f7d3c3e9a987.png)
##### 120%
![120%](https://user-images.githubusercontent.com/36526063/197292937-a771d07c-8a78-4a91-b51e-8a55ad0aac04.png)

#### 🌍 Your environment
Firefox 99.0.1 on NixOS

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue at axii.axo.dev in Firefox with browser scale set to 80%, 90%, 100%, 110%, and 120%, then trace the Download as Image flow. Done means the downloaded image is rendered exactly as shown in the browser at scales other than 100%.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt
Domain
frontend, web-dev
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.