Skip to content

bug: checkbox label not working in ion-modal after click twice #27775

@mfan2608

Description

@mfan2608

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

When I click ion-modal for the first time, the label in ion-checkbox works perfectly. But when I close and reopen the ion-modal, the ion-checkbox label disappears, and can only click one of the two checkboxes.

I have updated the ionic version to 7.1.1.

Expected Behavior

The label in ion-checkbox should be able to display regardless of how many times we click the ion-modal.

Steps to Reproduce

  1. Click to create ion-modal
  2. We should be able to see the label for the ion-checkbox
  3. Close the ion-modal and reopen it again
  4. We will not be able to see the label for the ion-checkbox

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 7.1.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.1.2
@angular-devkit/build-angular : 16.0.2
@angular-devkit/schematics : 16.0.2
@angular/cli : 16.0.2
@ionic/angular-toolkit : 9.0.0

Capacitor:

Capacitor CLI : 5.0.3
@capacitor/android : not installed
@capacitor/core : 5.0.3
@capacitor/ios : 5.0.3

Cordova:

Cordova CLI : 12.0.0 (cordova-lib@12.0.1)
Cordova Platforms : ios 6.3.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 3 other plugins)

Utility:

cordova-res : 0.15.4
native-run : 1.7.2

System:

ios-sim : 8.0.2
NodeJS : v18.16.0 (/usr/local/bin/node)
npm : 9.7.1
OS : macOS Unknown
Xcode : Xcode 14.3.1 Build version 14E300c

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions