Debug mode tooltip gets clipped on small mobile screens

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

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

@rashmivemuri がすでに取り組んでいます。

2026年3月16日 から。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
領域
frontend

調査の方向性

まず OpenCRE Explorer ページを開き、幅約 360px の viewport で Debug mode (?) のツールチップを再現します。ツールチップの frontend のスタイルと配置を調査します。小さなモバイル画面でツールチップ全体が viewport 内に収まり、読みやすい状態になれば完了です。

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

説明

Problem

On smaller mobile screen widths, the tooltip for the Debug mode (?) icon in the Explorer page can overflow the viewport and become partially clipped. This makes the tooltip difficult to read on smaller devices.

Steps to Reproduce
  1. Open the OpenCRE Explorer page
  2. Switch to a small screen/mobile viewport (around ~360px width or smaller)
  3. Hover over the (?) icon next to "Debug mode"
Observed Behavior

The tooltip container extends beyond the viewport and part of the content becomes clipped.

Expected Behavior

The tooltip should remain fully visible within the viewport on small screens.

Screenshot
Image
主要言語
Python
スター
210
フォーク
167
平均マージ
4日 12時間
マージ済み PR（30日）
28

環境構築

Codespaces で開く

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

はじめの一歩

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

OWASP/OpenCRE のほかの issue

OWASP/OpenCRE の issue をすべて見る

似ている issue

Python の issue をもっと見る

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

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