From 6935e647a692b949928a521774e9b118889c6163 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 26 Dec 2020 22:56:01 +0900
Subject: [PATCH] add note
---
src/client/components/note.vue | 8 ++++++++
1 file changed, 8 insertions(+)
diff --git a/src/client/components/note.vue b/src/client/components/note.vue
index 2d87cb29af..780034ec68 100644
--- a/src/client/components/note.vue
+++ b/src/client/components/note.vue
@@ -881,6 +881,14 @@ export default defineComponent({
overflow: hidden;
contain: content;
+ // これらの指定はパフォーマンス向上には有効だが、ノートの高さは一定でないため、
+ // 下の方までスクロールすると上のノートの高さがここで決め打ちされたものに変化し、表示しているノートの位置が変わってしまう
+ // ノートがマウントされたときに自身の高さを取得し contain-intrinsic-size を設定しなおせばほぼ解決できそうだが、
+ // 今度はその処理自体がパフォーマンス低下の原因にならないか懸念される。また、被リアクションでも高さは変化するため、やはり多少のズレは生じる
+ // 一度レンダリングされた要素はブラウザがよしなにサイズを覚えておいてくれるような実装になるまで待った方が良さそう(なるのか？)
+ //content-visibility: auto;
+ //contain-intrinsic-size: 0 128px;
+
&:focus {
outline: none;