feature(Cell): Allow to handle onClick when mode="removable" #5745
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit af7b358:
|
size-limit report 📦
|
e2e tests |
👀 Docs deployed
Commit af7b358 |
Codecov ReportPatch coverage:
Additional details and impacted files@@ Coverage Diff @@
## master #5745 +/- ##
==========================================
+ Coverage 81.96% 82.04% +0.07%
==========================================
Files 296 296
Lines 9819 9839 +20
Branches 3107 3121 +14
==========================================
+ Hits 8048 8072 +24
+ Misses 1771 1767 -4
Flags with carried forward coverage won't be shown. Click here to find out more.
☔ View full report in Codecov by Sentry. 📢 Have feedback on the report? Share it here. |
With exception for iOS platform. onClick works only if content is not shifted, but if user clicks on "remove" toggle button and content shifted - onClick is ignored till user clicks outside.
mendrew
force-pushed
the
mendrew/feature/5741/Cell/handle-on-click-in-removable-mode
branch
from
000fc7e to
094b727
Compare
Disable hover state
In Removable mode Cell consists of Removable component with SimpleCell inside. So, SimpleCell hover/active effect doesn't change background on the part that Removable elements occupy. In order to make sure Removable delete button is on top of SimpleCell we make Removable action button is absolutely positioned. So, SimpleCell takes full Cell width and hightlight the whole cell in active state.
As we alredy handle this space by padding on Cell content
mendrew
deleted the
mendrew/feature/5741/Cell/handle-on-click-in-removable-mode
branch
vkcom-publisher
pushed a commit
that referenced
this pull request
Sep 15, 2023
* Описание Добавляем возможность обработки клика на контент Cell в режиме `removable`. * Изменения - в режиме `removable` `SimpleCell` внутри `Cell` `disabled`, если нету обработчика `onClick`. - поддерживается только `active` состояние при нажании, `hover` не поддерживатеся. - в `active` состоянии подсвечивается вся область `Сell`, включая зоны `Removable`. - особо обрабатываем режим `removable` для iOS. `onClick` работает, но только до тех пор пока пользователь не кликнул на иконку удаления. После этого контент `Cell` сдвигается и появляется "настоящая" кнопка удаления. В этот момент `onClick` не работает, чтобы позволить пользователю отменить режим удаления кликом по контенту Cell. - В активном состоянии вся область Cell активная. Дело в том, что реализации removable подразумевает то, что SimpleCell внутри Cell обернут в Removable компонент, который съедает часто пространства SimpleCell для расположения кнопок удаления. Чтобы вся область Cell подсвечивалась в активном состоянии мы абсолютно позиционируем активные элементы Removable, такие как кнопка удаления, чтобы они были поверх SimpleCell, но не мешали активному состоянию, что в итоге позволяет SimpleCell занять всю ширину Cell.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
resolves: #5741
Описание
Добавляем возможность обработки клика на контент Cell в режиме
removable.Изменения
removableSimpleCellвнутриCelldisabled, если нету обработчикаonClick.activeсостояние при нажании,hoverне поддерживатеся.activeсостоянии подсвечивается вся областьСell, включая зоныRemovable.removableдля iOS.onClickработает, но только до тех пор пока пользователь не кликнул на иконку удаления. После этого контентCellсдвигается и появляется "настоящая" кнопка удаления. В этот моментonClickне работает, чтобы позволить пользователю отменить режим удаления кликом по контенту Cell.Пытался добавить скриншотные тесты для активного состояния, хотя бы на mousedown, но в скриншот стабильно не попадает состояние при mousedown.
Видео
При клике на контент видно эффект компонента Tappable, но эффект отсутствует после клика на иконку удаления.
2023-09-07.12.18.49.mov