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( popover-arrow ): render above backdrop #28430

Closed

Conversation

Sahil-B07
Copy link
Contributor

@Sahil-B07 Sahil-B07 commented Oct 29, 2023

Issue number: #28985
fixes: #28985


What is the current behavior?

when the popover is presented in iOS the arrow is lighter than the popover container as a result of rendering under the backdrop.
Screenshot 2023-10-29 at 11 13 39 PM

What is the new behavior?

Now the arrow is visible and is rendering above/in-Front-of backdrop.
Screenshot 2023-10-29 at 11 11 53 PM

@github-actions github-actions bot added the package: core @ionic/core package label Oct 29, 2023
liamdebeasi added a commit that referenced this pull request Nov 28, 2023
I noticed that Dependabot PRs never had anyone assigned: #28586

The reason was that we removed `* @ionic-team/framework` when we adjusted the codeowners in #27573. 

My original reasoning for why we should remove it was wrong. GitHub only assigns reviewers within a team if the team itself is assigned. By removing the team from being reviewed, only people listed in the codeowners file would be assigned. As an added example, PRs that do not match codeowners currently have no one assigned: #28430
github-merge-queue bot pushed a commit that referenced this pull request Nov 28, 2023
I noticed that Dependabot PRs never had anyone assigned:
#28586

The reason was that we removed `* @ionic-team/framework` when we
adjusted the codeowners in
#27573.

My original reasoning for why we should remove it was wrong. GitHub only
assigns reviewers within a team if the team itself is assigned. By
removing the team from being reviewed, only people listed in the
codeowners file would be assigned. As an added example, PRs that do not
match codeowners currently have no one assigned:
#28430
@Sahil-B07 Sahil-B07 requested a review from a team as a code owner January 24, 2024 17:55
@Sahil-B07 Sahil-B07 requested review from thetaPC and removed request for a team January 24, 2024 17:55
@thetaPC
Copy link
Contributor

thetaPC commented Feb 5, 2024

Thank you for submitting the PR! After reviewing, I noticed that the issue is only happening within the Ionic docs site.

Closing the PR since the issue is occurring in the Ionic docs repo. You are welcome to open a new PR that fixes the issue over at the Ionic docs repo.

@thetaPC thetaPC closed this Feb 5, 2024
@thetaPC
Copy link
Contributor

thetaPC commented Feb 6, 2024

After discussing with the team, the issue indeed lies within the Ionic Framework.

@thetaPC thetaPC reopened this Feb 6, 2024
github-merge-queue bot pushed a commit that referenced this pull request Feb 7, 2024
Issue number: resolves #28985

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

When a popover is being rendered in iOS mode, the arrow renders under
the backdrop.

![Screenshot 2024-02-06 at 11 59
58 AM](https://github.com/ionic-team/ionic-framework/assets/13530427/b55f8868-4de3-4f52-8e79-650a40f8d5bd)

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- The arrow renders at the same level as the content.

![Screenshot 2024-02-06 at 11 59
51 AM](https://github.com/ionic-team/ionic-framework/assets/13530427/05c214ee-6ba7-4cad-b00e-9668dca23f73)

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Credit [Sahil-B07](https://github.com/Sahil-B07) for providing the
[fix](#28430). A new
PR had to be created in order to update snapshots.

---------

Co-authored-by: Sahil Bhor <[email protected]>

---------

Co-authored-by: ionitron <[email protected]>
liamdebeasi pushed a commit that referenced this pull request Feb 7, 2024
Issue number: resolves #28985

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

<!-- Please describe the current behavior that you are modifying. -->

When a popover is being rendered in iOS mode, the arrow renders under
the backdrop.

![Screenshot 2024-02-06 at 11 59
58 AM](https://github.com/ionic-team/ionic-framework/assets/13530427/b55f8868-4de3-4f52-8e79-650a40f8d5bd)

<!-- Please describe the behavior or changes that are being added by
this PR. -->

- The arrow renders at the same level as the content.

![Screenshot 2024-02-06 at 11 59
51 AM](https://github.com/ionic-team/ionic-framework/assets/13530427/05c214ee-6ba7-4cad-b00e-9668dca23f73)

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#footer
for more information.
-->

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Credit [Sahil-B07](https://github.com/Sahil-B07) for providing the
[fix](#28430). A new
PR had to be created in order to update snapshots.

---------

Co-authored-by: Sahil Bhor <[email protected]>
Co-authored-by: ionitron <[email protected]>
@thetaPC
Copy link
Contributor

thetaPC commented Feb 7, 2024

Closing this PR since the issue was fixed in another PR. We had to open another PR in order to update screenshots.

No worries, though! You were given co author credit. Thank you for solving the issue!

@thetaPC thetaPC closed this Feb 7, 2024
@Sahil-B07 Sahil-B07 deleted the fix/Popover-arrow-rendering-ios branch February 13, 2024 14:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: core @ionic/core package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug: Popover arrow is rendered under the backdrop
2 participants