fix(mera/v2): плашка версии лежала на главной кнопке и съедала клик #3139

Merged

lekss361 merged 1 commit from fix/3xxx-version-badge-over-cta into main

2026-08-27 11:38:41 +00:00

lekss361 commented

2026-08-27 11:37:21 +00:00

Owner

Найдено обходом кабинета под админом на проде 27.08.

Что происходило

Плашка версии стояла в левом нижнем углу (position: fixed; left: 16; bottom: 16). Туда же приходит липкая кнопка «ОЦЕНИТЬ КВАРТИРУ» из панели параметров.

Замер в окне 1512×900:

элемент	X	Y
кнопка «ОЦЕНИТЬ КВАРТИРУ»	59…484	859…904
плашка версии	16…284	859…884

Перекрытие по всей высоте плашки — примерно левая треть кнопки.

Следствий два, и второе хуже первого:

Надпись на кнопке читалась разорванной.
document.elementFromPoint в центре кнопки возвращал плашку. Клик по левой трети главного действия продукта не доходил до кнопки вообще.

Что сделано

Плашка переезжает в правый нижний угол, над кнопку поддержки (та занимает 44px от низа, z-index 25). Справа свободно: ниже только пассивная «Сводка объекта» без органов управления — перекрыть её краем ничего не стоит, в отличие от главной кнопки.

Вдобавок плашка становится сквозной для указателя (pointer-events: none), а ссылка «История версий» внутри — нет. Это страхует от повторения: что бы под плашкой ни оказалось в будущем, клик достанется ему, а не ей.

Проверка

$ npx vitest run
Test Files  13 passed (13)
     Tests  68 passed (68)

$ npx tsc --noEmit    # чисто

Три новых теста закрепляют ровно то, что разобрано выше: якорь не левый, указатель проходит насквозь, ссылка осталась живой.

Найдено обходом кабинета под админом на проде 27.08. ## Что происходило Плашка версии стояла в левом нижнем углу (`position: fixed; left: 16; bottom: 16`). Туда же приходит липкая кнопка **«ОЦЕНИТЬ КВАРТИРУ»** из панели параметров. Замер в окне 1512×900: | элемент | X | Y | |---|---|---| | кнопка «ОЦЕНИТЬ КВАРТИРУ» | 59…484 | 859…904 | | плашка версии | 16…284 | 859…884 | Перекрытие по всей высоте плашки — примерно левая треть кнопки. Следствий два, и второе хуже первого: 1. Надпись на кнопке читалась разорванной. 2. `document.elementFromPoint` в центре кнопки возвращал **плашку**. Клик по левой трети главного действия продукта не доходил до кнопки вообще. ## Что сделано Плашка переезжает в правый нижний угол, **над** кнопку поддержки (та занимает 44px от низа, z-index 25). Справа свободно: ниже только пассивная «Сводка объекта» без органов управления — перекрыть её краем ничего не стоит, в отличие от главной кнопки. Вдобавок плашка становится **сквозной для указателя** (`pointer-events: none`), а ссылка «История версий» внутри — нет. Это страхует от повторения: что бы под плашкой ни оказалось в будущем, клик достанется ему, а не ей. ## Проверка ``` $ npx vitest run Test Files 13 passed (13) Tests 68 passed (68) $ npx tsc --noEmit # чисто ``` Три новых теста закрепляют ровно то, что разобрано выше: якорь не левый, указатель проходит насквозь, ссылка осталась живой.

lekss361 added 1 commit 2026-08-27 11:37:22 +00:00

fix(mera/v2): плашка версии лежала на главной кнопке и съедала клик

CI Trade-In / changes (pull_request) Successful in 9s

Details

CI Trade-In / backend-tests (pull_request) Has been skipped

Details

CI Trade-In / browser-tests (pull_request) Has been skipped

Details

CI / changes (pull_request) Successful in 12s

Details

CI / backend-tests (pull_request) Has been skipped

Details

CI / frontend-tests (pull_request) Has been skipped

Details

CI / openapi-codegen-check (pull_request) Has been skipped

Details

CI Trade-In / frontend-checks (pull_request) Successful in 57s

Details

1dcddec9e1

Замер на проде 27.08 (окно 1512×900): плашка стояла в левом нижнем углу
(`left:16; bottom:16`), а туда же приходит липкая кнопка «ОЦЕНИТЬ КВАРТИРУ»
из панели параметров. Прямоугольники: кнопка 59…484 по X и 859…904 по Y,
плашка 16…284 и 859…884 — перекрытие по всей высоте плашки.

Следствий два, и второе хуже первого. Надпись на кнопке читалась разорванной.
И `document.elementFromPoint` в центре кнопки возвращал плашку: клик по левой
трети главного действия продукта не доходил до кнопки вообще.

Плашка переезжает в правый нижний угол, НАД кнопку поддержки (44px от низа,
z-index 25). Там свободно: ниже только пассивная «Сводка объекта» без органов
управления — перекрыть её краем ничего не стоит.

Вдобавок плашка становится сквозной для указателя, а ссылка «История версий»
внутри — нет. Это страхует от повторения: что бы под плашкой ни оказалось в
будущем, клик достанется ему, а не ей.

Три теста закрепляют оба следствия разбора: якорь не левый, указатель
проходит насквозь, ссылка жива. Прогон: 68 тестов зелёные, tsc чист.