Skip to content
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

Only center tooltip on small screensizes #290

Merged

Conversation

alistairjcbrown
Copy link
Member

Reviewer: @GioSensation
Asana: https://app.asana.com/0/1200930669568058/1204260378586823/f

Description

When the tooltip goes offscreen to the left, we center it withiin the window. This usually happens on small screens or iframes. However, there are some sites which have the email input close to the left and which this triggers.

Example: On https://thehustle.co/ with a screensize between 1025px and 1188px

Instead, on larger screensizes (e.g. ones which are as big as two tooltip widths), let's so the same as when we're offscreen on the right and just bring the tooltip back onscreen.

Before After
Screenshot 2023-03-24 at 15 31 58 Screenshot 2023-03-24 at 15 33 31

Integration test

Screenshot 2023-03-24 at 16 11 03

Steps to test

  1. Go to https://thehustle.co/
  2. Change your window width to 1100px
  3. Open incontext signup on the email input

Copy link
Member

@GioSensation GioSensation left a comment

Choose a reason for hiding this comment

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

Awesome work, thanks for catching this! 🚀 I'm seeing the tooltip flashing on the top right, but I guess that will be fixed when merging the other PR.

@alistairjcbrown alistairjcbrown force-pushed the abrown/only-center-tooltip-on-smnaller-screensizes branch from 069ce1b to 68ac1e3 Compare March 27, 2023 11:11
@alistairjcbrown alistairjcbrown merged commit fd64faf into main Mar 27, 2023
@alistairjcbrown alistairjcbrown deleted the abrown/only-center-tooltip-on-smnaller-screensizes branch March 27, 2023 11:18
CDRussell pushed a commit to duckduckgo/Android that referenced this pull request Apr 12, 2023
Task/Issue URL: 
Autofill Release:
https://github.com/duckduckgo/duckduckgo-autofill/releases/tag/6.4.3


## Description
Updates Autofill to version
[6.4.3](https://github.com/duckduckgo/duckduckgo-autofill/releases/tag/6.4.3).

## What's Changed

### Tests and Tooling

- Remove manual server setup in tests by @shakyShane in
duckduckgo/duckduckgo-autofill#289
- Add windows release automation by @szanto90balazs in
duckduckgo/duckduckgo-autofill#272
- Fix extension release flow by @GioSensation in
duckduckgo/duckduckgo-autofill#294
* Update Asana integration to include expected header by
@alistairjcbrown in
duckduckgo/duckduckgo-autofill#295

### Bugfixes

- Set tooltip initial offscreen position by @alistairjcbrown in
duckduckgo/duckduckgo-autofill#291
- Only center tooltip on small screensizes by @alistairjcbrown in
duckduckgo/duckduckgo-autofill#290


**Full Changelog**:
duckduckgo/duckduckgo-autofill@6.4.1...6.4.3

## Steps to test
This release has been tested during autofill development. For smoke test
steps see [this
task](https://app.asana.com/0/1198964220583541/1200583647142330/f).

Co-authored-by: alistairjcbrown <alistairjcbrown@users.noreply.github.com>
Co-authored-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants