Horizontal lines on Boox Max E-reader

šŸ›Bugs
#1

Steps to reproduce

Starting from scratch, what are the steps to make the bug happen? The fewer the steps, the better.
Itā€™s always there.

Expected result

What do you expect to see after carrying out the steps above?
I expect a screen without horizontal grey lines

Actual result

Instead of the expected result, what happened?
There are horizontal lines between each item in the outline.

Screenshot_20190907-150805
Screenshot_20190907-1508051650Ɨ2200 297 KB

Environment

Which operating system are you using? Which browser are you using? If youā€™re using a desktop or mobile app, whatā€™s the version number of Dynalist?
Itā€™s a onyx max boox 2 pro running android 6.1

Additional information

Anything else you think would help our investigation, like a screenshot or a log file? You can drag and drop screenshots to this box. For large amount of text, try putting them into something like Pastebin.

Additional comments

#2

Do you know of any ways we can repro this issue without getting a physical e-reader? :sweat_smile:

1 Like
#3

Darnā€¦
I share my screen? Would that be a feasible option?

#4

Could you do us a favor and open this page on your e-reader?

Itā€™s a test page: https://jsfiddle.net/m8zbtrvh/show

A screenshot of this page would be useful in debugging this issue. Thanks!

1 Like
#5

Screenshot_20190909-162604
Screenshot_20190909-1626041650Ɨ2200 99.5 KB

Hereā€™s the screenshot - hope it helps
thanks for the follow up

#6

Hey Erica,

wonder if you got any clarity trough the screenshot?

Friendly greetings,

Erik

#7

Hi Erik, sorry for the late reply.

Looking from the screenshot, it looks like transparent borders arenā€™t the problem as we suspected (otherwise you should be seeing grey borders around the red square).

Has it always been this way? Or did the bug appear recently? We just changed around some things recently, not sure if itā€™s related.

#8

Hey Erica,

I only recently bought the boox max. So I canā€™t give an answer to before I bought it.

So itā€™s ā€œalwaysā€ been like that yes :-). It only happens in the app and in the browser of the Boox Max itself and not in firefox or chrome on the device. These other browsers have other problems though to do with screen refresh so not useable either, alasā€¦

#9

And the app installed there is the latest version, v1.3.4?

#10

I just checked, yes it is 1.3.4 :slight_smile:

This is the e-mail of my e-readers support:
support@onyxboox.com
maybe they could help clarify the issue?

#11

Hey Erica,

Any updates?

Friendly greetings

Erik

#12

Sorry for the late reply!

It looks like the dark lines are caused by the transparent borders, but this is not happening in the test red cube. Does it happen when you go to https://dynalist.io on your mobile browser?

#13

Hey Erica,

Yes it does, on the native browser it happens as well.

#14

Thatā€™s really weird then, Iā€™m kinda at my witā€™s end.

Basically, I tried the same border styling for the red cube, so if you can see the grey lines in our app, you should see the grey lines around the red cube, but thatā€™s not happening. So it might be something else.

Iā€™m sorry this is taking so long ā€“ itā€™s not a straightforward bug to fix and to be honest itā€™s quite mysterious! Let me discuss it with our team and see if we can see other possibilities of why this might be happening for you.

#15

I have the same problem in the app on the Boox Note Air (10ā€™3 inch screen)

Vivaldi, Chrome and Firefox all work as expected.

#16

@Erica Just a thought: if the saturation of the red color is the same as the black color there wonā€™t be a noticable border in the screenshot. Since itā€™s black and whiteā€¦

#17

Could you try to add this custom CSS rule:

.Node {
  border-color: white;
}
#18

No difference

#19

Sorry for the late reply, Iā€™m completely out of ideasā€¦ Iā€™ve double checked our code and we specifically set those borders to ā€œtransparentā€ which should make them the same colors as the behind.

One more thing we could try: This set the border width to 0, effectively removing the entire border. See if that does anything - if it still does nothing, that must mean that there was something else thatā€™s causing the borders to appear.

.Node {
  border-width: 0 !important;
}
#20

Thanks, that solved it!

1 Like