ダイアログのフローティングボタンが重なり続ける

Question

こんにちは、私は Maui blazor アプリを構築しています。その中にフローティング ボタンのあるフル ページ サイズのダイアログがあります。ダイアログを閉じて元のページに戻ると、元のページではダイアログ ボタンの位置にデッドスペースができてしまいます（ダイアログ上では条件に基づいてボタンの表示/非表示を変更しています）。 フローティングボタンに使用しているスタイル:

リーリー

更新: フローティングボタンのCSSを修正したところ、デッドスペースはなくなりましたが、位置が悪くなってしまいました:

ああああ

Answer 1

要素を表示するかどうかを設定するには 2 つの方法があります。

1 つの方法は、visibility を hidden に設定することです。 HTML 要素は非表示になりますが、その要素が占めていたスペースは保持されます。

別の方法は、display を none に設定することです。この場合、HTML 要素は非表示になりますが、それが存在するスペースは保持されません。

したがって、display を使用して、その値を none に設定してみてください。