TimWhiting / dart_pad_widget

A DartPad widget for Flutter Web
BSD 3-Clause "New" or "Revised" License
19 stars 3 forks source link

Blurry text on chrome #3

Closed lulupointu closed 3 years ago

lulupointu commented 3 years ago

Hi, thanks for the plugin !

I wanted to let you know that on chrome, the text in the DartPad widget gets blurry depending on the size of the window (not the size of the widget, the actual size of the window, which might displace the widget from 1/2 pixel maybe?)

Anyway, here is an example: Blurry: image

NOT blurry: image

I can't tell what change in the window size lead to this issue, in works with any window size by just changing the size of a few pixels.

Also note that I cannot reproduce this behavior in Firefox, only in chrome.

Also I did display rich bellow the DartPad widget and it does not get blurry.

lulupointu commented 3 years ago

Well actually I just tried embedding a dartpad directly in a webview and the same happens so I guess its not your fault.

If you have an idea on how to solve this/where to find a solution I would love to hear it!

In any case, feel free to close the issue

TimWhiting commented 3 years ago

All it is using under the hood is an html element with the embedded version of dartpad from their repo.

See this embedding guide.

So it shouldn't be anything related to Flutter. And I have no idea why that would be happening. I'll close unless you find something that suggests this library is at fault, but I would be surprised if that was the case.