carei.pagedev.pl/.paul/phases/14-mobile-modal-fix/14-01-PLAN.md at 5f4869be948d2a3574996fd5dc3a81a563bddb67

Project-Pro/carei.pagedev.pl

Files

Jacek Pyziak 6f6c1fcf17 fix(14-mobile-modal-fix): Modal rezerwacji działa na mobile/tablet

Sekcja Elementor zawierająca modal miała elementor-hidden-mobile/tablet,
co powodowało display:none na rodzicu. Modal position:fixed wewnątrz
ukrytego elementu miał zerowe wymiary.

Fix: przeniesienie overlay do document.body w initRefs().
Plan Phase 13 (pakiety ochronne) utworzony, BLOCKED — czeka na klienta.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

2026-04-10 00:05:53 +02:00

2.6 KiB

Raw Blame History

phase, plan, type, wave, depends_on, files_modified, autonomous, delegation

phase

plan

type

wave

depends_on

files_modified

autonomous

delegation

14-mobile-modal-fix

execute

wp-content/plugins/carei-reservation/assets/js/carei-reservation.js

true

off

## Goal Fix: modal rezerwacji nie otwiera się na mobile/tablet — przenieść overlay do document.body aby uniezależnić od ukrytych sekcji Elementor.

Purpose

Formularz rezerwacji był niefunkcjonalny na urządzeniach mobilnych i tabletach — klienci nie mogli złożyć rezerwacji z telefonu.

Output

Modal otwiera się poprawnie na mobile i tablet
Brak regresji na desktop

## Project Context @.paul/PROJECT.md

Source Files

@wp-content/plugins/carei-reservation/assets/js/carei-reservation.js

<acceptance_criteria>

Given strona carei.pagedev.pl otwarta na urządzeniu mobilnym (375px)
When użytkownik wypełni hero search form i kliknie "Złóż zapytanie o rezerwację"
Then modal rezerwacji otwiera się na pełnym ekranie z pre-wypełnionymi danymi

AC-2: Brak regresji desktop

Given strona otwarta na desktopie
When użytkownik kliknie przycisk otwarcia modala
Then modal otwiera się jak dotychczas (centered overlay)

</acceptance_criteria>

Task 1: Przenieś overlay do document.body w initRefs() wp-content/plugins/carei-reservation/assets/js/carei-reservation.js W funkcji initRefs(), po querySelector overlay, dodać: if (overlay && overlay.parentElement !== document.body) { document.body.appendChild(overlay); } Przyczyna: sekcja Elementor (elementor-element-a7629b1) ma klasy elementor-hidden-tablet elementor-hidden-mobile, co ustawia display:none na rodzicu. Modal position:fixed wewnątrz ukrytego rodzica ma zerowe wymiary. Otworzyć stronę na mobile (375px), wypełnić formularz, kliknąć submit — modal się otwiera AC-1, AC-2 satisfied ## DO NOT CHANGE - CSS modala (carei-reservation.css) - Elementor widget PHP - Logika formularza i API

SCOPE LIMITS

Tylko fix JS — jedna linijka appendChild

- [ ] Modal otwiera się na mobile (375px) - [ ] Modal otwiera się na tablet (768px) - [ ] Modal otwiera się na desktop (1440px) - [ ] Pre-fill z hero search form działa na mobile

<success_criteria>

Modal działa na wszystkich breakpointach
Brak regresji </success_criteria>

After completion, create `.paul/phases/14-mobile-modal-fix/14-01-SUMMARY.md`

2.6 KiB Raw Blame History