Skip to content
This repository has been archived by the owner on Dec 15, 2023. It is now read-only.

feat: DT 40 Absolute positioning for popover #135

Conversation

nikitadialpad
Copy link
Contributor

DT 40 Absolute positioning for tooltips

🛠️ Type Of Change

  • Fix
  • Feature
  • Refactoring
  • Documentation

📖 Description

Contains first iteration for headless Tippy implementation, integration with dialtone and cover accessibility
According to the first iteration previous popover wasn't deleted, export with headless popover wasn't updated as well.

Q:

  • tests update
  • documentation update
  • storybook controls update

📝 Checklist

  • I have updated library exports
  • I have reviewed my changes
  • I have added tests
  • I have added all relevant documentation
  • All tests are passing
  • All linters are passing
  • No accessibility issues reported
  • I have validated components with a screen reader
  • I have validated components keyboard navigation

📷 Screenshots / GIFs

@nikitadialpad nikitadialpad marked this pull request as ready for review August 17, 2021 17:33
@nikitadialpad nikitadialpad self-assigned this Aug 26, 2021
@dialpad-drew
Copy link
Contributor

Hey, where'd we land on this? It's been two months.

@dbecherdialpad
Copy link
Contributor

@dialpad-drew we're not working on it until Dialtone 6 is done.

@nikitadialpad
Copy link
Contributor Author

@dbecherdialpad aligned changes after tooltip PR, should be ready for review.

components/popover/popover.vue Outdated Show resolved Hide resolved
components/popover/popover.vue Outdated Show resolved Hide resolved
components/popover/popover.vue Outdated Show resolved Hide resolved
components/popover/popover.vue Outdated Show resolved Hide resolved
components/popover/popover.vue Show resolved Hide resolved
components/popover/popover.vue Outdated Show resolved Hide resolved
components/popover/popover_mixin.js Outdated Show resolved Hide resolved
components/popover/popover.vue Outdated Show resolved Hide resolved
@nikitadialpad nikitadialpad changed the title DT 40 Absolute positioning for popover feat: DT 40 Absolute positioning for popover Nov 10, 2021
Copy link
Contributor

@dbecherdialpad dbecherdialpad left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks for your patience!

<div
:id="!ariaLabelledby && labelledBy"
ref="anchor"
>
<!-- @slot Anchor element that activates the popover. -->
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should we keep this for the docs @braddialpad?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah we should

@nikitadialpad nikitadialpad merged commit 2279ad5 into components-Tooltip-Popover-DT-40-absolute-positioning Nov 11, 2021
@nikitadialpad nikitadialpad deleted the component-popover-DT-40 branch November 11, 2021 09:35
braddialpad added a commit that referenced this pull request Nov 25, 2021
)

* DT 40 Absolute positioning for tooltips (#131)

* DT 40 Absolute positioning for popovers & tooltips

* updates

* updates

* update tooltip

* update tooltip

* clean up

* refactoring, clean up

* resolve comments

* resolve comments
refactor first iteration stories

* update comments

* DT 40 Tooltip documentation (#177)

* add documentation for Tippy tooltip

* update reactive "show"

* resolve comments, update eslint config because of an error

* update esplint json

* DT 40 Tooltip tests (#178)

* add documentation for Tippy tooltip

* update reactive "show"

* update tests

* update tests

* resolve comments

* resolve comments

* feat: DT 40 Absolute positioning for popover (#135)

* DT 40 Absolute positioning for popovers & tooltips

* updates

* updates

* update tooltip

* update tooltip

* clean up

* refactoring, clean up

* resolve comments

* popover implementation, decomposition tippy, clean up

* add animation, clean up

* clean up popover

* clean tooltip folder

* add import

* clean up, updates

* DT-40 popover component, refactoring after tooltip implementation

* resolve comments

* clean up

* resolve comments

* fix eslint

* leftover after merge

* leftover after merge

* Added test for tooltip tippy;
Update components DtLazyShow, popover, tooltip;

* chore: update package-lock.json

* refactor: after merge

* story doc

* update story doc

* add flip for popover

* add implementation "modal"

* remove v-click-outside

* update documentation

* update stories

* prevent closing popup when a user blur and focus repeatedly during transition

* clean up

* update storybook folder for tooltip.

* added comment for after-leave event

* docs: update

* resolve comments

* fix typo

* update overlay, tests

* resolve comments

* add comment

* popover uv alignments

* clean up, update data

* clean up, remove prev version tooltip.

* update docs

* update z-index for tooltip

* update border-box for content

* add width content prop (anchor), update focus logic,

* clean up, rename contentWidth

* set empty string to content width by default

* package lock

* restore tooltip test

* clean up tooltip test
add new constant to popover
update default story

* add flushPromises to utils

* add $nextTick before setPopoverContentAnchorWidth

* update tooltip story

Co-authored-by: Brad Paugh <brad.paugh@dialpad.com>
nikitadialpad pushed a commit that referenced this pull request Nov 25, 2021
# [1.6.0](v1.5.0...v1.6.0) (2021-11-25)

### Bug Fixes

* add our alpha sort to list-item. Change slot types to VNode for consistiency ([#202](#202)) ([686b2b9](686b2b9))

### Features

* components tooltip and popover. absolute positioning (dt 40) ([#194](#194)) ([dd9e44d](dd9e44d)), closes [#131](#131) [#177](#177) [#178](#178) [#135](#135)
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants