ブラウザ上に Context Menu を実装するときに何を参考にすればいいのかわからなかったので、自分用にメモ。
見た目
Win10 - Chrome
Win10 - Firefox
Win10 - Edge
Win10 - Desktop
Mac - Browsers/Desktop
Google Spreadsheet
位置
クリックした位置からメニューが出る方向と、はみ出したときに画面内に収める方法。
| 環境 | デフォルト方向 | 左右はみ出し | 上下はみ出し |
|---|---|---|---|
| Win10 Desktop | 左下 | シフト | 反転 |
| Win10 Chrome | 右下 | シフト | 反転 |
| Win10 Firefox | 右下 | シフト | 反転 |
| Win10 Edge | 右下 | 反転 | 反転 |
| Mac Desktop/Browsers | 右下 | 反転 | シフト |
| Google Spreadsheet | 右下 | 反転 | 反転 |
