(Bug report) Imported Evernote Enex file overlaps Trilium UI

[achilles78]

Description

when display a note(a clipped webpage by evernote clipper) imported from evernote enex file, the application is crashed.
Even after I restarted the application , the application is still in "crashed state" as it will display last note.

evernote note enex imported.zip

EDIT by @pano9000:
lighter test imort zip file can be found here -> less intrusive (i.e. you can still browse to other notes), but still shows the same issue:
#931 (comment)

TriliumNext Version

v0.91.2-beta

What operating system are you using?

Windows

What is your setup?

Local + server sync

Operating System Version

Windows 11 24h2

Error logs

No response

[pano9000]

Can confirm this happens on browser version as well.
"Crashed" might be the wrong term here though – there is no actual "application crash" .

This is a rendering issue here caused by the imported inline styles: it adds some position and z-index attributes so that the imported content is overlapping the Trilium UI

[pano9000]

@achilles78 you could try to use "Alt+Left" shortcut to move back in note history, which might help you with making the UI "usable" again, so that you can try to delete the imported note, until this issue is fixed

[pano9000]

I've trimmed down the faulty file above to an "easier to manage" show case of the error, kindly find it attached:

test.enex.zip

(Needed to zip it, as Github won't allow .enex files)

it boils down to the element having "position: fixed" set ("relative" will also cause issues, and I assume "sticky" might as well).

[achilles78]

@achilles78 you could try to use "Alt+Left" shortcut to move back in note history, which might help you with making the UI "usable" again, so that you can try to delete the imported note, until this issue is fixed

Thanks for your help. But it seems the "Alt+left" shortcut dosen't work in desktop UI. I have to delete this note from server side,then reinstall desktop and sync.