New study screen

The old reviewer had clear white borders. The current one doesn’t.

I added the issues as you asked: template & whiteboard.

1 Like

Some nitpicks about the “Screen” settings:

Some of these screenshots show the frame corners, but due to the rounded corners of my phone’s screen, the frame corners appear cutoff.

Display cutouts don’t only apply to the top of the screen. Manufacturers can add a cutout (in software terms) at the bottom to compensate for rounded corners, for example


The rest is expected or just nitpicking.

And it isn’t possible to fit all screens with all the possible combinations of settings. Get what makes sense to you, and that’s it.

Using const in JavaScript breaks any subsequent code when revealing the answer. Is this intended?

(This is not an issue in the old reviewer)

Steps to reproduce

Copy the following code into the front template of a Basic note type:

<div id=cat>cat</div>

<script>
const pi = 3;

var cat = document.getElementById("cat");
cat.style.color = "red";
</script>

That “cat” should be red, but when the answer is revealed, the “cat” turns white/black (depending on your theme).

  • This remains true even after answering the card or undoing.
  • It even happens if the code is pasted in the back template.
  • It happens in the previewer too.

Yes. Variables aren’t destroyed anymore. Same as the desktop version.

1 Like

There’s currently no way to hide the flag and star mark. This kinda ruins custom templates like the ones here.

That template is broken anyway after the JS API changes.

If we get demand, we may add an option for that at the future (probably only in the JS API), but the focus now is stabilizing the screen.

The flags are incorrectly ordered. Green should come before blue.

The box frame style has a gap at the bottom.

Screenshot

Here are some minor bugs that are very hard to reproduce or I couldn’t reproduce at all:

Details

The <video> element may not have any control elements. For example, it can be used instead of an animation gif. It would be weird to block gestures.

Adding the “tappable” class to the video element should work.

If not, there’s nothing that can be done.

Swiping from the top of the screen to reveal the status bar triggers gestures. You need the status bar to be hidden and toolbar to be at the bottom/hidden.

Controls Page Up Page Down

If you use the controller, the gestures do not work until you tap on the screen. After touching the new screen or the old one, instead of scrolling to the height of the screen, the gesture scrolls to the very end. In the third video, something strange is happening. I do not know how to repeat it.

I hope to be able to display the deck name. So as not to confuse some answers when answering.

You can add {{Deck}} to your template. Field Replacements - Anki Manual.

2 Likes

I can only reproduce if I use Ignore display cutout as well.

The possible fixes are hacks, so I’ll wait until there are more people chiming in. Not sure if someone actually wants to still trigger gestures from there.

They haven’t been added yet.

1 Like

New canvas looks nice and modern,
It would be great to make the canvas infinite, sometimes scribbling does not fit in a page
may be something like (tldraw)[https ://anki.ikkz.fun/extension/tldraw\]

also how do I remove/delete newly added pen in new canvas?

I just find out about this support thread after making a post

New canvas looks nice and modern,
It would be great to make the canvas infinite, sometimes scribbling does not fit in a page
may be something like [tldraw](https://anki.ikkz.fun/extension/tldraw\)

also how do I remove/delete newly added pen in new canvas?

Brayan said before that he wants to stabilize the new study screen first.

Long press it.