rails_modal_manager 1.0.57 → 1.0.58

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 91f46719ac2c4bf2aa6b8b33d883b85ee97f8dbc3490c7162441855ff6701e42
-  data.tar.gz: 881b2327c4fa56fa3fa4199655d26b3bb360b8e79ebdab4efec31db5d3368188
+  metadata.gz: 5f3bda3fceb3ec2f9da136b27717da49aed99df46788a63e4226d2f0f3343d52
+  data.tar.gz: 841fde35ec774a95205118be3ab10e0a056726ed13a7fda522ea75292d0aef48
 SHA512:
-  metadata.gz: 97bfd7a727035f23b11cc926911f1fb0465a9df3b48e0cec2cf73b69c06983d9b0fbf329732c10eec541ade3c5943f209cd2e30ddb79dd3aa38816a8ea6be503
-  data.tar.gz: 2f7b805a605d217f0af8a4ef98745b3f2204baed44ee6aa15ab839c703afcd025b73363b6dfe83072b09d06cc93f3396e6298f87f50750b6d7bfbde45e3c940e
+  metadata.gz: 34a119a6b414cae88c8419a4dd134fd7646fe3e0681f49b3915b0f678630a018073704a6046537ac9673e9c676aba42a90e48401c412ad56d416bf55fedcf5d4
+  data.tar.gz: de106691b2138dbb254e5730d34e51e7370a7f56501da8d1041a7a0ae7173eff7e7f67722283b6618a8a8014d14b70fdb8805ffe8243001a7d2acdfb0b876b3d

data/app/assets/stylesheets/rails_modal_manager.css

@@ -133,11 +133,16 @@
   --rmm-animation-timing: cubic-bezier(0.4, 0, 0.2, 1);
 
   /* Z-index */
-  /* v1.0.57 — z-index 계층 재정렬: overlay < taskbar < modal
-     → 모달이 최소화 태스크바 위에 항상 노출, 태스크바는 여전히 overlay 위라 클릭 가능 */
-  --rmm-z-overlay: 2000;
-  --rmm-z-taskbar: 2100;
-  --rmm-z-modal: 2200;
+  /* v1.0.58 — taskbar 가 항상 최상위. v1.0.57 의 modal > taskbar 배치가
+     모달이 taskbar 영역을 가려 최소화 항목 클릭 불가 문제를 만들었음.
+     계층 (낮음→높음):
+       overlay  : 1400
+       modal    : 1500 ~ 8000 (modal_store 가 동적 증가, MAX_Z_INDEX 도달 시 reset)
+       taskbar  : 9000 (항상 모달 위 — 최소화 클릭 가능 보장)
+       confirm  : 10000 (모든 위) */
+  --rmm-z-overlay: 1400;
+  --rmm-z-modal:   1500;
+  --rmm-z-taskbar: 9000;
 }
 
 /* ============================================

data/app/javascript/rails_modal_manager/controllers/rmm_modal_controller.js

@@ -319,8 +319,8 @@ export default class extends Controller {
 
     // Create confirm modal HTML
     const confirmHtml = `
-      <div class="rmm-overlay rmm-active" id="${confirmId}-overlay" style="z-index: 3000;"></div>
-      <div id="${confirmId}" class="rmm-modal rmm-size-xs rmm-position-center rmm-active" style="z-index: 3001; min-width: 320px;" role="dialog" aria-modal="true">
+      <div class="rmm-overlay rmm-active" id="${confirmId}-overlay" style="z-index: 10000;"></div>
+      <div id="${confirmId}" class="rmm-modal rmm-size-xs rmm-position-center rmm-active" style="z-index: 10001; min-width: 320px;" role="dialog" aria-modal="true">
         <div class="rmm-header" style="background: var(--rmm-btn-warning-bg); border-bottom: none;">
           <div class="rmm-header-left">
             <h2 class="rmm-header-title" style="color: white;">확인</h2>

data/app/javascript/rails_modal_manager/modal_store.js

@@ -11,8 +11,15 @@
 // ============================================
 
 export const MODAL_CONSTANTS = {
-  // v1.0.57 — 모달이 최소화 태스크바(2100) 위에 오도록 시작 z-index 상향
-  DEFAULT_Z_INDEX: 2200,
+  // v1.0.58 — 최소화 태스크바(9000) 가 항상 모달 위에 위치해 클릭 가능하도록
+  // 모달 z-index 시작값 1500 + 최대 cap 8000 (taskbar 9000 보다 낮게 유지).
+  // overlay/confirm 도 함께 재배치:
+  //   overlay      : 1400
+  //   modal        : 1500 ~ 8000 (동적 증가, 8000 도달 시 reset)
+  //   taskbar      : 9000 (항상 모달 위 — 최소화 항목 클릭 가능)
+  //   confirm 모달 : 10000 (모든 것 위)
+  DEFAULT_Z_INDEX: 1500,
+  MAX_Z_INDEX: 8000,
   ANIMATION_DURATION: 200,
   HEADER_HEIGHT: 56,
   FOOTER_HEIGHT: 64,
@@ -101,6 +108,15 @@ class ModalStore {
       return;
     }
 
+    // z-index cap — taskbar(9000) 보다 높지 못하도록 8000 도달 시 default 로 reset.
+    if (this.topZIndex >= MODAL_CONSTANTS.MAX_Z_INDEX) {
+      this.topZIndex = MODAL_CONSTANTS.DEFAULT_Z_INDEX;
+      // 기존 모달들 z-index 도 정렬 순서대로 재할당
+      this.modalOrder.forEach((id, idx) => {
+        if (this.activeModals[id]) this.activeModals[id].zIndex = MODAL_CONSTANTS.DEFAULT_Z_INDEX + idx * 10;
+      });
+      this.topZIndex = MODAL_CONSTANTS.DEFAULT_Z_INDEX + this.modalOrder.length * 10;
+    }
     const newZIndex = this.topZIndex + 10;
 
     this.activeModals[modalId] = { ...config, zIndex: newZIndex };
@@ -159,6 +175,18 @@ class ModalStore {
     if (!this.activeModals[modalId]) return;
     if (this.modalOrder[this.modalOrder.length - 1] === modalId) return;
 
+    // z-index cap — 8000 도달 시 정렬 순서로 재할당.
+    if (this.topZIndex >= MODAL_CONSTANTS.MAX_Z_INDEX) {
+      const reordered = [...this.modalOrder.filter(id => id !== modalId), modalId];
+      reordered.forEach((id, idx) => {
+        if (this.activeModals[id]) this.activeModals[id].zIndex = MODAL_CONSTANTS.DEFAULT_Z_INDEX + idx * 10;
+      });
+      this.modalOrder = reordered;
+      this.topZIndex = MODAL_CONSTANTS.DEFAULT_Z_INDEX + reordered.length * 10;
+      this.notify();
+      return;
+    }
+
     const newZIndex = this.topZIndex + 10;
 
     this.activeModals[modalId].zIndex = newZIndex;

data/lib/rails_modal_manager/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsModalManager
-  VERSION = "1.0.57"
+  VERSION = "1.0.58"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_modal_manager
 version: !ruby/object:Gem::Version
-  version: 1.0.57
+  version: 1.0.58
 platform: ruby
 authors:
 - reshacs