Recovery passphrase truncated (canva's size) about banana_split

[kirushik]

@chevdor Brave returns zero from context.measureText call which is used to determine the appropriate canvas width in our component.
It is a well-known behavior intended to protect against browser fingerprinting, as documented in brave/brave-browser#1738

@prybalko probably we can detect measureText returning zero here, and fallback to some more sensible default than just 20px? I think privacy-conscious users would prefer the text being placed off-center in an ugly way over it not being visible at all.

[prybalko]

Please provide more information, I'm not able to reproduce the issue.
What version of banana split are you using? Is it the one deployed on https://bs.parity.io or from master branch?
What OS and browser are you using?

[chevdor]

I am using https://bs.parity.io and Brave Version 1.31.88 Chromium: 95.0.4638.69 (Official Build) (x86_64) on MacOS (Monterey).
I did download the html and opened it. I did not go offline but cheated for the test using:

The issues seems to be the width only. Could you share for reference a screenshot of how it looks like when it works ?

[prybalko]

Here is how it looks to me.
Chromium 95.0.4638.69 (Official Build) Arch Linux (64-bit)

[chevdor]

ok, so I miss a big chunk.
The canvas on my end is a fixed 30 pixels width which sounds definitely wrong.

[kirushik]

@chevdor maybe you can test if Brave supports measuring text via DOM (like it is done here), so we can use it as a fallback for measuring it using the canvas API?