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

Fix primary key select #16937

Merged
merged 3 commits into from
Sep 21, 2022
Merged

Fix primary key select #16937

merged 3 commits into from
Sep 21, 2022

Conversation

krishnaglick
Copy link
Contributor

What

Fix primary key selection on replication view
Resolves https://github.com/airbytehq/oncall/issues/634

How

The DropDown component adds a complete-screen DOM element to prevent scrolling which conflicted with our "click outside to exit" DOM element. By telling the DropDown not to block scrolling it removes the conflict.
Playing with the z-index did not yield fruitful results.

🚨 User Impact 🚨

This affects dropdowns so there's always a chance for regression.
#16934 is in the same space so it will be important to test both throughly!

@krishnaglick krishnaglick requested a review from a team as a code owner September 20, 2022 19:36
@github-actions github-actions bot added area/platform issues related to the platform area/frontend Related to the Airbyte webapp labels Sep 20, 2022
@krishnaglick
Copy link
Contributor Author

I tested this with #16934 merged in and did not see any regression.

Copy link
Contributor

@matter-q matter-q left a comment

Choose a reason for hiding this comment

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

LGTM! 😉

}}
backspaceRemovesValue={false}
controlShouldRenderValue={false}
hideSelectedOptions={false}
isClearable={false}
menuIsOpen={isOpen}
// menuPosition={"fixed"}
menuShouldBlockScroll={false}
Copy link
Contributor

Choose a reason for hiding this comment

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

Yes, it will fix the issue, but on the other side, it could create a new bug with floating menu

Copy link
Contributor Author

Choose a reason for hiding this comment

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

A later issue! 😂

@teallarson teallarson self-requested a review September 21, 2022 13:45
Copy link
Contributor

@teallarson teallarson left a comment

Choose a reason for hiding this comment

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

There's a form validation bug that appears when a user picks a primary key from the dropdown. It does not freeze any longer, but I think we should solve that also.

@teallarson teallarson self-requested a review September 21, 2022 13:55
Copy link
Contributor

@teallarson teallarson left a comment

Choose a reason for hiding this comment

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

Tested locally. It fixes the original issue. Also briefly looked to see if we ended up with displaced menus on scroll with this change. I didn't see any... but it was only a quick look as this is a good fix to get in sooner than later.

Copy link
Contributor

@teallarson teallarson left a comment

Choose a reason for hiding this comment

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

Tested locally. It fixes the original issue. Also briefly looked to see if we ended up with displaced menus on scroll with this change. I didn't see any... but it was only a quick look as this is a good fix to get in sooner than later.

@krishnaglick krishnaglick merged commit c8dad4b into master Sep 21, 2022
@krishnaglick krishnaglick deleted the kc/fix-primary-key-select branch September 21, 2022 14:15
robbinhan pushed a commit to robbinhan/airbyte that referenced this pull request Sep 29, 2022
* Scroll blocking adds a second "cover everything" dom element that conflicts with what we're trying to do

* Remove commented code

* Fixing error validation message
jhammarstedt pushed a commit to jhammarstedt/airbyte that referenced this pull request Oct 31, 2022
* Scroll blocking adds a second "cover everything" dom element that conflicts with what we're trying to do

* Remove commented code

* Fixing error validation message
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend Related to the Airbyte webapp area/platform issues related to the platform
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants