Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Fix UVE hover box keeping the old layout's size and position after a device switch

オープン 初心者向け
  • 何か問題がありますか？
#38,260 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 2 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
68/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
java, typescript
領域
frontend, web-dev

調査の方向性

まず withView.ts の viewSetDevice と viewSetOrientation から始め、ズーム、スクロール、iframe のサイズ変更時に editorContentArea がどのようにクリアされるかを追ってください。SET_BOUNDS の遷移と $showContentletControls を確認し、新しい hover が発生するまで hover ツールが非表示のままであることを確かめてください。デバイスと向きの変更に関する受け入れ基準を満たし、選択のクリアと既存のリセット動作が維持されていれば完了です。

索引モデルが issue の本文から書いたものです。

説明

dotCMS : UVE OKR : Customer Support Team : Maintenance Type : Defect
Problem Statement

In the UVE, switching the device (Desktop, Tablet, Mobile) or the orientation while a contentlet is hovered can leave its hover box and tools at the previous layout's coordinates. When the canvas settles, the box comes back with the old size and position: on Tablet it keeps the desktop width and runs past the iframe's edge with its tools, and back on Desktop it keeps the tablet width and sits off the contentlet. It stays until the pointer moves over the page again.

viewSetDevice and viewSetOrientation (withView.ts) clear the selection and put the editor in RESIZING, which hides the tools, but they keep the hovered area (editorContentArea). Zoom, scroll and iframe resize clear it. When the page sends its new bounds (SET_BOUNDS), the editor goes back to IDLE, and $showContentletControls shows the tools again from the stale area.

It only happens when the pointer leaves the iframe straight from a contentlet. The SDK reports "no hover" when the pointer moves onto empty page space, but on purpose not when it leaves the iframe, so the user can reach the toolbar. If the pointer crosses empty space, such as the page header, on its way to the device buttons, nothing is left behind.

Seen in Chrome on macOS, on main, on a headless page. The store code involved doesn't depend on the page type.

Steps to Reproduce
  1. Open a page in the UVE in edit mode, on Desktop at 100%.
  2. Hover a contentlet near the top of the page, for example the first banner, so its box and tools show.
  3. Move the pointer straight out of the iframe from that contentlet, without crossing empty page space, and click Tablet in the browser toolbar.
  4. When the canvas settles, the box is back with the desktop size and position. In our run the banner's box stayed 976px wide on an 819px-wide tablet page and ran past the iframe's right edge with its tools.
  5. Leave the page straight from the banner again and click Desktop: the box keeps the tablet width (720px) and sits off the banner.
  6. Move the pointer over the page: the box goes back in place.
Acceptance Criteria
  • After a device or orientation change, no hover box or tools show until the pointer hovers a contentlet in the new layout.
  • Hovering a contentlet after the change shows its box at its new size and position.
  • A device or orientation change still clears the selected contentlet.
  • Zoom, scroll and iframe resize still clear the hover box.
dotCMS Version

main (26.10.26).

Severity

Low - Minor issue or cosmetic

Links

NA. Found during the headless QA of #38235.

主要言語
Java
スター
972
フォーク
489
平均マージ
2日 12時間
マージ済み PR（30日）
188

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

dotCMS/core のほかの issue

dotCMS/core の issue をすべて見る

似ている issue

Java の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。