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

bug: Changes to ion-input and ion-range not reflecting #24540

Closed
4 of 6 tasks
StevieApp opened this issue Jan 9, 2022 · 2 comments
Closed
4 of 6 tasks

bug: Changes to ion-input and ion-range not reflecting #24540

StevieApp opened this issue Jan 9, 2022 · 2 comments
Labels

Comments

@StevieApp
Copy link

Prerequisites

Ionic Framework Version

  • v4.x
  • v5.x
  • v6.x

Current Behavior

I have been trying to display a rating after selecting in an ion-range but it's not updating the value in the modal. It's updating in the parent but not in the modal.
Here's what I'm working with.

<ion-modal trigger="open-rate">
                <ng-template>
                    <ion-content>
                        <ion-card mode="ios">
                            <ion-card-header style="text-align: center;">
                                <ion-card-title>{{'Rate' | translate}} {{menuname | translate}}</ion-card-title>
                                <ion-card-title color="secondary">
                                    {{rating.number}}
                                </ion-card-title>
                            </ion-card-header>
                            <ion-item>
                                <ion-range min="0" max="5" [(ngModel)]="rating.number" [pin]="true" [snaps]="true" [ticks]="true">
                                </ion-range>
                            </ion-item>
                        </ion-card>
                    </ion-content>
                </ng-template>

Expected Behavior

I need to be a able to preview the value after making a change to the ion range. I have tried to call change detector ref to detect changes but it's not working. When the element is outside the ion-modal, the value shows. But inside the modal it does not update.

Steps to Reproduce

Just use the default modal from ionic page then add the ion range to it. Then try to display the changes within the modal and outside to see the difference. Use web to see the changes reflecting when the value is being displayed outside the modal since it doesn't cover the whole screen.

Code Reproduction URL

No response

Ionic Info

No response

Additional Information

No response

@ionitron-bot ionitron-bot bot added the triage label Jan 9, 2022
@sean-perkins
Copy link
Contributor

Duplicate of #24502 has been resolved in #24521.

The fixes will be available in the upcoming patch release (6.0.2).

Thanks!

@ionitron-bot
Copy link

ionitron-bot bot commented Feb 9, 2022

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Feb 9, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

2 participants