Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Inaccurate image output in built code on Chrome, FireFox #15

Open
njwest opened this issue Jul 14, 2019 · 2 comments
Open

Inaccurate image output in built code on Chrome, FireFox #15

njwest opened this issue Jul 14, 2019 · 2 comments

Comments

@njwest
Copy link

njwest commented Jul 14, 2019

In a vue-cli generated project, when running in development the target image is accurate accross browsers, however built code is inaccurate across Firefox and Chrome (works in Safari)

Note: the image below is table-less; the bordered elements on the right side of the image are css-defined rows + columns

Example accurate output (top is image output, bottom is HTML element):

Screen Shot 2019-07-14 at 9 16 46 PM

Inaccurate output, after NPM Run Build:

Screen Shot 2019-07-14 at 9 16 26 PM

Screen Shot 2019-07-14 at 9 15 53 PM

@njwest njwest changed the title Inaccurate image output in built code Inaccurate image output in built code on Chrome, FireFox Jul 14, 2019
@njwest
Copy link
Author

njwest commented Jul 14, 2019

Note: the top and right inaccurate margins/paddings in images two and three are not the same on every render, but are always inaccurate

@jofftiquez
Copy link
Member

Thanks for opening the issue. I will look into it soon.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants