8000 fix(Search): fix long placeholder view by EldarMuhamethanov · Pull Request #8559 · VKCOM/VKUI · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

fix(Search): fix long placeholder view #8559

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 5 commits into
base: master
Choose a base branch
from

Conversation

EldarMuhamethanov
Copy link
Contributor

  • e2e-тесты
  • Release notes

Описание

Сейчас плейсхолдер обрезается не у края компонента, из-за того что справа всегда зарезервировано место под контролы(кнопка очистки и кастомная иконка). Нужно, чтобы эти контролы, когда не отображаются удалялись из dom, тогда плейсхолдер будет растягиваться на всю ширину

Изменения

  • Доработал логику отображения контролов: сделал так, чтобы при скрытии они удалялись из dom дерева. Сделал это с помощью хука useCSSKeyframesAnimationController для отслеживания состояния анимаций
  • Добавил элипсис для плейсхолдера и отступ справа
  • Добавил скришоты кейса с длинным плейсхолдером

Release notes

Исправления

  • Search: Длинный лейсхолдер не растяигвался на всю доступную ему ширину и обрезался

@EldarMuhamethanov EldarMuhamethanov requested a review from a team as a code owner May 12, 2025 14:07
@github-actions github-actions bot added the ci:cherry-pick:patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча label May 12, 2025
Copy link
Contributor
github-actions bot commented May 12, 2025

size-limit report 📦

Path Size
JS 408.26 KB (+0.07% 🔺)
JS (gzip) 121.54 KB (+0.08% 🔺)
JS (brotli) 99.8 KB (+0.06% 🔺)
JS import Div (tree shaking) 1.56 KB (0%)
CSS 349.87 KB (+0.22% 🔺)
CSS (gzip) 43.35 KB (+0.25% 🔺)
CSS (brotli) 34.54 KB (+0.09% 🔺)

Copy link
Contributor
github-actions bot commented May 12, 2025

e2e tests

Playwright Report

Copy link
Contributor
github-actions bot commented May 12, 2025

👀 Docs deployed

📦 Package ✅

yarn add @vkontakte/vkui@https://vkui-screenshot.hb.bizmrg.com/pull/8559/ce66c49178a45f0fe0e533361d7abc5b73e41f90/pkg/@vkontakte/vkui/_pkg.tgz

Commit ce66c49

Copy link
codecov bot commented May 12, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.87%. Comparing base (97e83e2) to head (ce66c49).
Report is 37 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #8559   +/-   ##
=======================================
  Coverage   95.87%   95.87%           
=======================================
  Files         414      414           
  Lines       11900    11915   +15     
  Branches     3939     3941    +2     
=======================================
+ Hits        11409    11424   +15     
  Misses        491      491           
Flag Coverage Δ
unittests 95.87% <100.00%> (+<0.01%) ⬆️

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.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@SevereCloud
Copy link
Contributor

Заметил вот такую штуку

2025-05-12.18.28.03.mov

@EldarMuhamethanov
Copy link
Contributor Author

Заметил вот такую штуку

Не совсем понял о чем ты? Про то, что плейсхолдер не обрезается, когда фокус в поле?

@vkcom-publisher vkcom-publisher added pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности and removed pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности labels May 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ci:cherry-pick:patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug][Search]: placeholder оберазается скрытыми кнопками справа
3 participants
0