Skip to content

fix(compat): 크로스 브라우저 호환성 개선 (Mac/Windows) - #68

Merged
lnu8926-web merged 1 commit into
mainfrom
fix/cross-browser-compat
May 12, 2026
Merged

fix(compat): 크로스 브라우저 호환성 개선 (Mac/Windows)#68
lnu8926-web merged 1 commit into
mainfrom
fix/cross-browser-compat

Conversation

@lnu8926-web

Copy link
Copy Markdown
Owner

Summary

  • Modal 컴포넌트에 createPortal 적용 및 z-index를 z-200/201로 상향 — Mac Chrome에서 모달이 헤더/하단 네비게이션과 겹치는 문제 해결
  • fixed 중첩 구조 제거로 Mac/Windows stacking context 차이 해결
  • scrollbar-gutter: stable 추가로 Windows 스크롤바 공간 차이로 인한 레이아웃 밀림 방지
  • backdrop-filter@supports 분기 처리 — Firefox 미지원 시 불투명 배경으로 fallback
  • field-sizing: content 실험적 속성 제거 → scrollHeight 기반 JS 자동 높이 조절
  • -webkit-overflow-scrolling: touch deprecated 속성 제거
  • oklch() 색상 변수에 hex fallback 추가 (Safari < 15.4 대응)

관련 이슈

Closes #65, #66, #67

Test plan

  • Mac Chrome: 모달 열기 — backdrop이 헤더/하단 네비 포함 전체 뷰포트 덮는지 확인
  • Windows Chrome: 모달 동작 정상 여부 확인
  • Firefox: backdrop-blur 없이 반투명 배경으로 모달 표시 확인
  • Textarea 자동 높이 조절 동작 확인 (Firefox, Safari)

🤖 Generated with Claude Code

- Modal: createPortal + z-200/201로 헤더(z-50) 위에 올바르게 표시
- Modal: fixed 중첩 제거로 Mac/Windows stacking context 차이 해결
- globals.css: scrollbar-gutter:stable 추가로 OS별 레이아웃 일치
- globals.css: -webkit-overflow-scrolling:touch deprecated 제거
- globals.css: oklch() 색상에 hex 폴백 추가 (Safari < 15.4)
- Textarea: field-sizing:content 제거 → scrollHeight 기반 자동 높이
- ProjectCreationModal/MemoView: supports-backdrop-filter 분기 처리

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel

vercel Bot commented May 12, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
next_taskry Error Error May 12, 2026 8:02am

@lnu8926-web
lnu8926-web merged commit 51585ee into main May 12, 2026
1 of 3 checks passed
@lnu8926-web
lnu8926-web deleted the fix/cross-browser-compat branch May 12, 2026 08:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix(compat): Firefox에서 backdrop-blur 효과 미적용

1 participant