Skip to content

AJAX シェルでエラー画面などが入れ子表示される不具合を修正 - #488

Merged
yama merged 1 commit into
mainfrom
fix/pane-response-header-footer
Oct 10, 2026
Merged

yama merged 1 commit into
mainfrom
fix/pane-response-header-footer

Conversation

@yama

@yama yama commented Oct 10, 2026 •

Copy link
Copy Markdown
Member

Summary

管理画面の AJAX シェル(shell.js)で、エラー画面などが #mainPane の中に <html>・メニュー・ツリーごと入れ子で表示され、画面が崩れてローディング表示が残る不具合を直します。#483 を作り直したものです。

原因

  • shell.js は、応答ヘッダー X-Evo-Pane: 1 があるかどうかだけで、断片として #mainPane に差し込むかを決めている(shell.js の request())
  • manager/index.php は、断片応答のときに header.inc.php / footer.inc.php を読み込まない。しかし、errorHandler::dumpError() や processor の権限エラー画面などは、header/footer を自前で読み込んでいる。そのため、X-Evo-Pane: 1 を付けたまま完全な HTML を返していた
    • 該当箇所: dumpError()、publish / unpublish / duplicate / undelete / move の各 processor、save_user・save_web_user・save_module、ManagerAPI::getTplModule() など
  • dump_error.tpl は top.main(旧 frameset)で遷移しようとしていたので、シェルでは OK を押しても遷移できなかった

#483 との違い

#483 は dumpError() だけを直していて、次の問題が残っていた。

  • アクション確定前のエラーは、リクエストヘッダーで「pane だ」と判定して header を出さないが、X-Evo-Pane は送らない。二重アクションのエラー(必ず POST)だと、shell.js が jAlert の <script> だけの断片で画面全体を差し替え、真っ白になる。PR 前は完全な HTML で差し替わり、正しく表示されていた
  • 判定が変数 $isPaneRequest・定数 EVO_PANE_REQUEST・応答ヘッダーの 3 つに分かれる。execute_module はヘッダーを外して変数を戻すが、定数は戻せないので食い違う
  • processor など、ほかに header/footer を自前で読み込む箇所は直っていなかった

この PR では、判定を「X-Evo-Pane: 1 を送ったか」の 1 つにまとめ、header/footer の側で吸収する。

変更内容

  • helpers.php: evoIsPaneResponse() を追加。送信済みの応答ヘッダー(headers_list())に X-Evo-Pane: 1 があるかを返す
  • actions/header.inc.php: 断片応答なら何も出力しない
  • actions/footer.inc.php: 断片応答なら evoRenderPaneFooterExtras()(システムアラートと DatePicker)だけを出力する
  • evoRenderPaneFooterExtras(): 1 リクエストで 1 回だけ出力する。processor が読み込む footer.inc.php と、index.php の末尾の両方から呼ばれ得るため。sysAlert() はセッション側だけを空にするので、2 回呼ぶとアラートが二重に出る
  • dump_error.tpl: シェルでは、モーダルを閉じてから EvoShell.navigate() で遷移する。シェルがないときは従来どおり top.main を使う
  • shell.js: EvoShell.closeModal({ reloadMain: false }) を追加。モーダル内で保存したあとにエラーになった場合、閉じたときの #mainPane の取り直しと navigate が競合して古い画面が残るのを防ぐ

アクション確定前のエラーは X-Evo-Pane を送らないので、これまでどおり完全な HTML で返る。shell.js はドキュメントごと差し替える(POST)か、フルリロードする(GET)。

確認方法

  • php -l(helpers.php・header.inc.php・footer.inc.php)と node --check(shell.js)で構文を確認した
  • evoIsPaneResponse() を PHP の組み込みサーバーで確かめた
    • ヘッダーなし → full
    • X-Evo-Pane: 1 → pane(小文字でも pane)
    • 付けてから header_remove() で外した場合(execute_module と同じ)→ full
    • 値が 0 → full
  • Docker(php:8.4-apache + MariaDB 11、サンプルサイト入り)で、Playwright(ヘッドレス Chromium)を使って同じ 16 項目を確かめた。インストール後にシステム設定を一度保存し、プラグインが有効な状態で再実行しても 16/16
シナリオ main(修正前) #483 この PR
1. 編集ロック中のリソースを開く(EvoShell.navigate) 入れ子になる(#mainPane・メニュー・ツリーが 2 つ、応答 41KB の完全な HTML) OK OK
2. モーダル内で同じエラー(EvoShell.openModal) 入れ子になる OK OK
3. 権限のないユーザーがルート直下のリソースを複製(processor が header.inc を直接読み込む) 入れ子になる 入れ子のまま OK(権限エラーの文言がメイン領域に出る)
4. GET と POST の両方に a を付けて送信(アクション確定前・POST) OK 白紙になる(#mainPane も本文もなくなる) OK(jAlert が出て、OK でシェルに戻る)
5. シェルを通さず URL を直接開く OK OK OK
合計 11/16 12/16 16/16

各シナリオで確かめた項目: 応答の X-Evo-Pane、断片の応答に <html> が含まれないこと、#mainPane・#topMenu が 1 つであること、jAlert が出ること、OK を押したあとにダイアログ・モーダル・ローディング表示(#workText)が残らないこと

確認中に見つけた既存の不具合(この PR では直さない)

  • シェルで出す jAlert のダイアログが、幅 20px ほどに潰れて縦長になり、OK ボタンが画面の外に出る。ダッシュボードで単純に jAlert() を呼んでも同じ。原因は、body.evo-shell がグリッドで、jquery.alerts が追加した時点の幅(outerWidth)で min-width / max-width を固定するため(いずれも 10px になる)
  • checkPermissions()(document.parser.subparser.trait.php)が COUNT() の結果ではなく、結果の行数(常に 1)で判定しているので、ドキュメントグループによる制限がほぼ効かない
  • POST の応答で画面全体を差し替えると、WebFXTabPane の二重宣言エラーがコンソールに出る(main でも同じ)

Notes

  • header.inc.php は、冒頭で OnManagerMainFrameHeaderHTMLBlock イベントを発火している。断片応答ではこれを発火しなくなる。index.php は以前から、断片応答では header.inc.php を読み込んでいないので、扱いはそれと同じになる
  • この PR をマージしたら、Fix error display in AJAX pane requests to prevent HTML nesting #483 はクローズしてよい

🤖 Generated with Claude Code

https://claude.ai/code/session_012HYGUfDZvEu42YU3ejKKEo

shell.js は応答ヘッダー X-Evo-Pane の有無だけで断片かどうかを決めるため、
header.inc.php / footer.inc.php 側で送信済みの X-Evo-Pane を見て出力を抑止する。
dumpError() や processor の権限エラー画面など、自前で header/footer を読み込む
すべての箇所で、#mainPane 内に <html>・メニュー・ツリーが入れ子になる問題を防ぐ。

- evoIsPaneResponse(): 送信済みの応答ヘッダーで断片応答かを判定する
- evoRenderPaneFooterExtras(): 1リクエスト1回に限定し、システムアラートの二重表示を防ぐ
- dump_error.tpl: シェルでは EvoShell.navigate() で遷移し、モーダルは再取得なしで閉じる
- shell.js: EvoShell.closeModal({ reloadMain: false }) を追加

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012HYGUfDZvEu42YU3ejKKEo
@yama yama added the fix 不具合修正 label Oct 10, 2026
Copilot AI balanced review requested due to automatic review settings October 10, 2026 01:16
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 10, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-10-10T01:18:03.599795Z 508b421 PR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@coderabbitai

coderabbitai Bot commented Oct 10, 2026 •

Copy link
Copy Markdown

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 36 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration
  • Configuration used: Repository: modxcms-jp/evolution-jp/.coderabbit.yaml
  • Review profile: ASSERTIVE
  • Plan: Advanced
  • Run ID: 3900f733-b6d0-4973-9f22-28946c8c288f

📥 Commits

Reviewing files that changed from the base of the PR and between 8aed88c and 508b421.


📒 Files selected for processing (5)
  • manager/actions/footer.inc.php
  • manager/actions/header.inc.php
  • manager/includes/helpers.php
  • manager/media/script/shell.js
  • manager/media/style/common/dump_error.tpl


  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🔵 Needs a closer look

複数のエラー経路とモーダル遷移に影響し、ブラウザでの動作確認が未実施のため。

0 open findings

What changed in this PR

AJAX 断片応答で完全な HTML が入れ子表示される不具合を修正。

Changes:

  • 応答ヘッダーに基づく断片判定を共通化
  • フッター追加出力の重複を防止
  • モーダル終了後の画面遷移競合を回避
File Description
manager/​media/​style/​common/​dump_error.tpl シェル対応のエラー後遷移
manager/​media/​script/​shell.js 再取得を抑止できるモーダル終了 API
manager/​includes/​helpers.php 断片応答判定と一度限りの追加出力
manager/​actions/​header.inc.php 断片応答の完全 HTML 出力を抑止
manager/​actions/​footer.inc.php 断片応答の閉じタグ出力を抑止

🧠 Review effort: Balanced


💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@coderabbitai

coderabbitai Bot commented Oct 10, 2026

Copy link
Copy Markdown

Add Carrot credits or activate Agent usage billing to use Autofix

@yama
yama merged commit cadf6bc into main Oct 10, 2026
5 checks passed
@yama
yama deleted the fix/pane-response-header-footer branch October 10, 2026 03:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

fix 不具合修正 バグ修正

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants