• What went wrong:
  Could not determine the dependencies of task ‘:app:preDebugBuild’.
  In project ‘app’ a resolved Google Play services library dependency depends on another at an exact version (e.g. “[19.0.
  1]”, but isn’t being resolved to that version. Behavior exhibited by the library will be unknown.
  
  
  Dependency failing: com.google.firebase:firebase-messaging:19.0.1 -> com.google.firebase:firebase-iid@[19.0.1], but fire
  base-iid version was 20.1.5.
  
  
  The following dependencies are project dependencies that are direct or have transitive dependencies that lead to the art
  ifact with the issue.
  – Project ‘app’ depends onto com.google.firebase:firebase-messaging@19.+
  – Project ‘app’ depends onto com.google.android.gms:play-services-tagmanager@16.0.8
  – Project ‘app’ depends onto com.google.firebase:firebase-perf@18.+
  – Project ‘app’ depends onto com.google.android.gms:play-services-measurement-api@17.4.3
  – Project ‘app’ depends onto com.google.firebase:firebase-core@17.+
  – Project ‘app’ depends onto com.google.android.gms:play-services-tagmanager@16.+
  – Project ‘app’ depends onto com.google.firebase:firebase-config@18.0.0
  – Project ‘app’ depends onto com.google.firebase:firebase-iid@20.1.5
  – Project ‘app’ depends onto com.google.firebase:firebase-config@18.+
  – Project ‘app’ depends onto com.google.android.gms:play-services-tagmanager-api@16.0.8
  – Project ‘app’ depends onto com.google.firebase:firebase-analytics@17.4.3
  – Project ‘app’ depends onto com.google.firebase:firebase-perf@18.0.1
  – Project ‘app’ depends onto com.google.firebase:firebase-messaging@19.0.1
  – Project ‘app’ depends onto com.google.firebase:firebase-core@17.4.3
  
  
  For extended debugging info execute Gradle from the command line with ./gradlew --info :app:assembleDebug to see the dep
  endency paths to the artifact. This error message came from the google-services Gradle plugin, report issues at https://github.com/google/play-services-plugins and disable by adding “googleServices { disableVersionCheck = false }” to
  your b
  uild.gradle file.
  – Project ‘app’ depends onto com.google.firebase:firebase-core@17.4.3
  
  
  For extended debugging info execute Gradle from the command line with ./gradlew --info :app:assembleDebug to see the dep
  endency paths to the artifact. This error message came from the google-services Gradle plugin, report issues at https://github.com/google/play-services-plugins and disable by adding “googleServices { disableVersionCheck = false }” to
  your b
  uild.gradle file.

Can somebody help on this

1 post - 1 participant

Read full topic

export class Tab2Page implements OnInit {
categories: AngularFireList;
userBlnc // balance amount of user in database
pricebuy:Number = 0 // price number coming from method parameters

constructor( public af: AngularFireDatabase,public afAuth: AngularFireAuth, public router: Router,
public a : LoadingController,public m : AlertController){}

ngOnInit(): void {
this.afAuth.authState.subscribe(async user => {
if (user) {
let a = await this.a.create({})
a.present();
this.af.list("/users/"+user.uid+’/profile’).valueChanges().subscribe((data: any) => {
this.userBlnc = data;
})
} else {
this.router.navigate([‘signin’])
}

})

}

// getting price parameters
async open(a){
const alert = await this.m.create({
cssClass: ‘my-custom-class’,
message: “شراء فئة” + a.name + " بسعر " + a.price + " د٫ع ",
buttons: [
{
text: ‘الغاء’,
role: ‘cancel’,
handler: () => {
console.log(‘Confirm Cancel’);
}
}, {
text: ‘شراء’,
cssClass:‘btn_buy’,
handler: () => {
this.cut(a);
}
}
]
});

await alert.present();

}

// method excite to subtract price number
async cut(a){
console.log(this.userBlnc[0])
this.pricebuy = a.price
this.userBlnc[0]
let fpaValue : number=0
if (Number(a.price) && Number(this.userBlnc[0])) {
if (Number(this.userBlnc[0]) > Number(a.price)) {
fpaValue = Number(a.price) - Number(this.userBlnc[0]);
console.log(fpaValue)
alert(fpaValue)
} else{
alert(‘no balance engough’)
}
}

}

}

the output is NaN. any idea please?

1 post - 1 participant

Read full topic

Good day,

After I created my project and created it alos in the dashboard, I’ve tried to link it, but I get the following error.
Could you please help ?

>ionic link
? What would you like to do? Link an existing app on Ionic Appflow
√ Looking up your apps - done!
? Which app would you like to link CONTROLE G / Perf Tech (41d7940d)
/ Looking up app 41d7940d
[ERROR] API request was successful, but the response format was unrecognized.

    Request: GET https://api.ionicjs.com/apps/41d7940d
    Response: 200
    Body:
    {
    last_activity: '2020-07-02T17:45:59.074380+00:00',
    created: '2020-07-02T17:45:59.074358+00:00',
    updated: '2020-07-02T17:45:59.074374+00:00',
    id: '41d7940d',
    slug: 'perf-tech',
    org_id: '23f40a91-a27e-4012-8175-fdfe05985116',
    dash_metadata: null,
    name: 'Perf Tech',
    icon: 'https://pro-icons-avatars.s3.amazonaws.com/icons/2.png?v=1',
    owner: 2383076,
    org: {
    created: '2020-06-24T08:16:17.032451+00:00',
    _studio_seats: null,
    id: '23f40a91-a27e-4012-8175-fdfe05985116',
    stripe_customer: true,
    description: '',
    avatar: 'https://pro-icons-avatars.s3.amazonaws.com/org/avatar/default_org_icon.png',
    invites: [],
    email: 'dsi@controle-g.com',
    sso: false,
    slug: 'controle-g',
    seats: 2,
    pre_trial_limits_override: {},
    name: 'CONTROLE G',
    product_keys: [],
    trial: false,
    trial_expiration: null,
    trial_creation: null,
    owner: 2383076,
    plan: 'teams'
    },
    repo_url: 'git@git.ionicjs.com:controle-g/perf-tech.git',
    association: {
    app_id: '41d7940d',
    repository: {
    full_name: 'Perf Tech',
    html_url: 'https://gitlab.com/hbek888/perf-tech',
    id: null,
    clone_url: 'https://gitlab.com/hbek888/perf-tech.git',
    type: 'gitlab'
    },
    branches: [ 'master' ],
    user_id: 2383076,
    identity: {
    username: 'hbek888',
    profile: 'https://gitlab.com/hbek888',
    avatars: [Object],
    name: 'Hassan Bekhchouch',
    picture: 'https://secure.gravatar.com/avatar/af3dbe436e7308f29a4db593845a6111?s=80&d=identicon',
    id: 2384622,
    html_url: 'https://gitlab.com/hbek888',
    type: 'gitlab'
    }
    }
    }

Here is my ionic info

>ionic info

Ionic:

Ionic CLI : 5.4.16 (…\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 5.2.3
@angular-devkit/build-angular : 0.901.10
@angular-devkit/schematics : 9.1.10
@angular/cli : 9.1.10
@ionic/angular-toolkit : 2.2.0

Capacitor:

Capacitor CLI : 2.2.1
@capacitor/core : 2.2.1

Utility:

cordova-res : 0.11.0
native-run : 1.0.0

System:

NodeJS : v12.18.1 (C:\Program Files\nodejs\node.exe)
npm : 6.14.4
OS : Windows 10

Thanks a lot

1 post - 1 participant

Read full topic

I am having accessibility issue with screen readers. It is more of annoyance but maybe someone has a solution?

When using the screen reader on iOS (not tested on Android yet), it speaks out “Ionic App” on every page change because that is in the src/index.html in the <head><title> html tags. This title doesn’t change with page changes. This was noticed in Accessibility improvements #11386 on GitHub. The default text for this is “Ionic App” unless you changed it.

Is there a way to make it change to the internationalized title of the actual page changed to (as in the <ion-title> tag)? Or maybe at least the title of the app in the current language? This app has support for many languages.

1 post - 1 participant

Read full topic

Hi guys,

My ionic 4 app is working fine in iPhones and Androids. But when I upload it to appstore, they get a white screen on iPAD and reject my app. I tested it on all XCode iPads and it works fine, but on the real device it crashes. On real iPhones its working fine.

Can someone have any ideas that could help?

Thanks

1 post - 1 participant

Read full topic

It seems like navigating between menu options using ion-menu will navigate forward (push the page to a stack). Is this intentional?

Is it possible to pop the page from the stack when navigating between menu options?

I realized this problem when I am navigating between two different pages using the ion-menu. It only runs each of the page’s ngOnInit() once, and since the page isn’t popped off, the ngOnInit() will not run again the next time.

I know a solution is to use ionViewWillEnter() or ionWillDidEnter(), but I was curious if there was still a way to pop a page instead of pushing a page to the stack.

5 posts - 2 participants

Read full topic

I’m trying to access a tab to change its label in my project. The IonTabs documentation indicates there is a getTab method; however, it doesn’t look like it exists. I see the other expected methods but not getTab.

3 posts - 2 participants

Read full topic

I have a little game app in the playstore and i want to add some audio when the user press some buttons. I’ve struggled with different methods/plugins but i can’t find the way. I’ve tried

1- const audio = new Audio(‘path/to/audioFile.mp3’);
audio.play();
In this case it sounds but it’s kinda buggy (somethimes delayed, sometimes do not sound at all)
2- Using the capacitor comunity plugin https://www.npmjs.com/package/@capacitor-community/native-audio.
3- Using the native-audio cordova plugin.
4- Usin the media cordova plugin.

None of them worked for me. Has anyone achieved this?. Any recommendations / guidance would be apreciated. Thanks in advance

1 post - 1 participant

Read full topic

Hey all,

I just wrote this article here that describes my mini gig to create a Bluetooth API based Ionic web-app that helps me add heart rate streaming into Twitch.

Its incredible to see (despite the scope was small) how fast nowadays once can build something, deploy it and use it immediately;)

1 post - 1 participant

Read full topic

I’m writing some unit test for a file system service in my project. It has a capacitor plugin dependency so I need to mock it. How do I do this?

1 post - 1 participant

Read full topic

Hello, I need some help.

Environment:

Ionic:

   Ionic CLI                     : 6.3.0
   Ionic Framework               : @ionic/angular 5.2.1
   @angular-devkit/build-angular : 0.803.27
   @angular-devkit/schematics    : 8.3.27
   @angular/cli                  : 8.3.27
   @ionic/angular-toolkit        : 2.2.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 9 other plugins)

Utility:

   cordova-res                          : not installed
   native-run (update available: 1.0.0) : 0.3.0

System:

   Android SDK Tools : 26.1.1
   NodeJS            : v10.16.0
   npm               : 6.9.0
   OS                : Linux 5.3

Basic Goals:
Just like the title says, I am trying to create a very basic social media page, where anyone can type text into a box, attach file(s), and click post. Similar to every common social media platform like facebook, instagram, ect.
The attached files (pictures and videos only), will display on the list of posts when a user scrolls to view them, similar to other social media platforms.

I can handle the fetching of posts and showing them on the page. My problem exists with the file uploader. Nothing I have tried works. I’ll outline (to the best of my abilities and memory) what I tried. I say that because I have made many code changes since in an attempt to remedy the problems I have created.

First method:
I followed this tutorial basically just copied and pasted all the code. It worked OK for videos, but as soon as I tried to modify Cordova’s camera plugin options such as MediaType and some other options, it started falling apart. I started to console.log() everything to see what was going on (because I’m learning) and figured out that the file was there I just needed to mess with the code to get the path to it. So I went into the cordova file plugin. I started reading through these docs, as well as the ionic native docs (which I know it’s v3 but god forbid there is decent v5 docs…)… Eventually I started messing around with different functions like resolveDirectoryUrl, resolveNativePath, eventually readAsDataURL.

resolveDirectoryUrl gave me a few different errors, like error code 5. So I’m like okay let me research that for a solution, I would find a potential solution and implement it. Error code 2, research more… Error code 1000, research more… Error code 13… At that point I was ready to quit so I did. I tried swapping different substrings in the path like ‘file:///’ and ‘content://’ to try to get it to allow access. So i was like alright I see how it’s going to be.
The next thing I figured I could try was to get a base64 string for the files and convert it to a file on server side. So I started using resolveNativePath, and readAsDataURL which seemed to work okay. Then I got a permissions error which is where I’m currently at:
Permission Denial: reading com.android.providers.media.MediaDocumentsProvider uri content://com.android.providers.media.documents/document/ from pid=7725, uid=10384 requires that you obtain access using ACTION_OPEN_DOCUMENT or related APIs
So like always I hit google with it. I modified the config.xml based on what like 2 different pages said, modified the android manifest, requested permissions in the code.
This returns true:

this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE).then(
            result => console.log('Has permission?',result.hasPermission),
            err => this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE)
          );

And I just didn’t know what to do at this point. The next thing I will be trying until I can find a plausible solution here is going to be to use the default HTML5 file input field. I have no idea how well it’s going to work but it’s honestly my last resort solution. Here is my current .ts file contents for the function where the error pops up:

selectMedia() {
    const options: CameraOptions = {
      mediaType: this.camera.MediaType.ALLMEDIA,
      sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
      destinationType : this.camera.DestinationType.FILE_URI
    }

    this.camera.getPicture(options)
      .then( async (mediaURl) => {
        if (mediaURl) {
          this.showLoader();
          this.uploadedVideo = null;

          var filename = mediaURl.substr(mediaURl.lastIndexOf('/') + 1);
          var dirpath = mediaURl.substr(0, mediaURl.lastIndexOf('/') + 1);

          // dirpath = dirpath.includes("file:///") ? dirpath : "file:///" + dirpath;

          this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE).then(
            result => console.log('Has permission?',result.hasPermission),
            err => this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE)
          );

          this.androidPermissions.requestPermissions([this.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE]);

          try {
            console.log(0);
            var nativeDirUrl = await this.filePath.resolveNativePath(dirpath);
            var dirUrl = await this.file.readAsDataURL(nativeDirUrl, filename);
            // var dirUrl = await this.file.resolveDirectoryUrl(nativeDirUrl);
            console.log(1);
            console.log(dirUrl);
            // var retrievedFile = await this.file.getFile(dirUrl, filename, {});
            console.log(2);
          } catch(err) {
            //this.dismissLoader();
            console.log(err);
            return this.presentAlert("Error","Something went wrong.  ");
          }

          // retrievedFile.file( data => {
          //     //this.dismissLoader();
          //     if (data.size > MAX_FILE_SIZE) return this.presentAlert("Error", "You cannot upload more than 5mb.");
          //     // if (data.type !== ALLOWED_MIME_TYPES) return this.presentAlert("Error", "Incorrect file type.");
          //
          //     this.selectedVideo = retrievedFile.nativeURL;
          // });
        }
      },
      (err) => {
        console.log(err);
      });
  }

and the .html:

<ion-card>
    <ion-card-header id="postHeader" >Create Post</ion-card-header>
    <ion-item id="postBox">
      <ion-textarea id="posttextarea" rows="1" cols="20" placeholder="Enter any notes here..."></ion-textarea>
    </ion-item>
    <ion-icon name="attach-outline" (click)="selectMedia()"></ion-icon>
    <ion-icon name="happy-outline"></ion-icon>
    <div class="video-section" *ngIf="selectedVideo">

      <video controls [src]="selectedVideo"></video>

      <div class="button-options" *ngIf="!uploadedVideo && !isUploading">
        <button ion-button clear (click)="cancelSelection()">
          <ion-icon name="close-circle" color="danger"></ion-icon>
        </button>
        <button ion-button clear (click)="uploadVideo()">
          <ion-icon name="checkmark-circle" color="secondary"></ion-icon>
        </button>
      </div>

      <div *ngIf="isUploading">
        <div class="uploading">
          <p><ion-spinner name="bubbles"></ion-spinner></p>
          <p>Uploading - {{ uploadPercent }}% Complete</p>
        </div>
        <div class="button-options">
          <button ion-button clear (click)="cancelUpload()">
            <ion-icon name="close-circle" color="danger"></ion-icon>
          </button>
        </div>
      </div>

      <div class="button-options" *ngIf="uploadedVideo">
        <button ion-button clear (click)="cancelSelection()">
          Start Over
        </button>
      </div>

    </div>
    <ion-button id="publishButton" size="small" color="medium" (click)="createNewPost()">Publish</ion-button>
  </ion-card>

Honestly a reliable set of docs/tutorial would be great right now if anyone has one that I haven’t seen for Ionic 5, angular, and cordova 9. It doesn’t seem like there is enough popularity with it right now to really have enough tutorials so I feel like I’m having to read like a frankenstein version of different documentation trying to make it work. If not, a simple walkthrough or code example of the best way to do this would be amazing. I’m a person who can see it done and thrive from there, but paving my own path to the solution is not very lucky most days. Unfortunately it’s what I’m forced to do with this tool often times. Sorry for the long post just wanted to provide as many details as possible to help get an answer. Thank you in advance and please let me know if there is anything I need to add/subtract.

1 post - 1 participant

Read full topic

Hi,
How to set split pane max width, I tried setting css variable --side-max-width as per documentation , but its not working, any idea how to set max width on side pane

1 post - 1 participant

Read full topic

I am trying to make my app more screen reader compatible. I use Google TalkBack. My current obstacle occured while working with Toasts.
I created a button that creates and presents a simple toast. Since the screen reader completely ignores them, I added the following attributes to the DOM:

• role=‘alert’
• aria-live=‘root’
• aria-label=‘message’

Against my expectation the screen reader describes the button twice and the toast afterwards, when i click the button. This only happens once. If I click the button again, the order of read elements is as I wanted it to be from the beginning.
My guess is that the focus jumps back to the button (once) and is therefor read twice.

Does anyone know how I can fix this? What causes the focus to return to the button?

1 post - 1 participant

Read full topic

I am facing white flickering on when page transition time. Please suggest right way.

1 post - 1 participant

Read full topic

I would like to get the values of dynamically created input fields before submitting in Angular/Ionic before submitting but I don’t find the way. My final goal is to do a sum of these values.

My html:

<ion-slides (ionSlideDidChange)="slideChanged()">
  <ion-slide *ngFor="let custo of (customers | async)">
    <div class="slide"> 
      <ion-item *ngFor="let stuff of (ordereditems | async)"> 
        <ion-label position="floating" color="primary"> Paid amount</ion-label>    
        <ion-input type="text" formControlName="amount_{{custo.pe_id}}"></ion-input>            
      </ion-item>           
    </div>
  </ion-slide>
</ion-slides>

My ts:

this.customers.subscribe((value) =>
{
  for (let c of value) 
  { 
    console.log(this.validations_form.controls[`amount_${c.pe_id}`]);
  }
});

Thanks for reading so far & Please help

1 post - 1 participant

Read full topic

Hi everyone,

When I try building for iOS on AppFlow, I keep getting the following error: Error setting value ‘/Users/ionic/builds/icbfprojects/meateatingquality/ios/App/App.xcodeproj’ for option ‘xcodeproj’ [08:46:38]: You passed invalid parameters to ‘modify_cap_ios_config’. [08:46:38]: Check out the error below and available options by running fastlane action modify_cap_ios_config

I also get ‘Could not find Xcode project’ at a later stage.

I have removed platforms from the .gitignore before committing but still no joy. Any ideas?

Ionic:

Ionic CLI : 6.10.1 (/usr/local/lib/node_modules/@ionic/cli)

Ionic Framework : @ionic/angular 4.11.10

@angular-devkit/build-angular : 0.803.26

@angular-devkit/schematics : 8.3.26

@angular/cli : 8.3.28

@ionic/angular-toolkit : 2.2.0

Capacitor:

Capacitor CLI : 2.1.1

@capacitor/core : 2.1.1

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)

Cordova Platforms : ios 5.1.1

Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.0, (and 12 other plugins)

Utility:

cordova-res : 0.15.1

native-run (update available: 1.0.0) : 0.2.8

System:

ios-deploy : 1.9.2

ios-sim : 8.0.2

NodeJS : v10.15.3 (/usr/local/bin/node)

npm : 6.11.2

OS : macOS Catalina

Xcode : Xcode 11.4 Build version 11E146

1 post - 1 participant

Read full topic

Hi guys,

I was wondering if I could make the user choose the app colors? Is it possible?

For example: I set the primary color of my app “green”, but I wanted to give the choice to the user if he/she wants to change it.

Thank you for your attention.

1 post - 1 participant

Read full topic

I am upgrading a PWA app from ionic 4/Angular 8 to Ionic 5/Angular 9.
Since the upgrade I have problems when I do a “ionic build --prod” command, before it was working fine, also with “–prod”.

Following lines gives an output in “ionic build” mode correctly, but gives no output with “ionic build --prod” (there is no output read at all/stays empty but should log on input):

console.log('output barcode2 : ', this.rows.at(idx).value.barcode2)

I think it is ionic related and not angular, but I’m not sure. Anyway, I can not seem to find why the “–prod” flag produces this issue. Can someone inform me ?

Thanks

html:

<div [formGroup]="timeform" novalidate align="center">
<ion-grid>
  <ion-row *ngFor="let row of timeform.get('rows')?.controls; let idx = index;" class="ion-justify-content-center">
     <ion-col>
        <ion-row>
         <ion-col size="10">
           <ion-input pattern="[0-9]*" inputmode="decimal" [formControl]="row.get('barcode2')"
            formControlName="barcode2" placeholder="..." #Field2 (ionChange)="findActivity(idx)" 
            (keydown)="isValidNumber($event)"></ion-input>
      ...
     </ion-col>
    </ion-row>
   </ion-col>
  </ion-row>
</ion-grid>
</div>

ts

findActivity(idx) {
      console.log('index    : ', idx)
      console.log('barcode2 : ', this.rows.at(idx).value)
      console.log('barcode2 : ', this.rows.at(idx).value.barcode2)
      console.log('barcode2 : ', this.rows.at(idx).get('barcode2').value)
  }

package.json

{
  "name": "app",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "https://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^9.1.11",
    "@angular/common": "~9.1.11",
    "@angular/core": "~9.1.11",
    "@angular/forms": "~9.1.11",
    "@angular/platform-browser": "~9.1.11",
    "@angular/platform-browser-dynamic": "~9.1.11",
    "@angular/pwa": "^0.803.28",
    "@angular/router": "~9.1.11",
    "@angular/service-worker": "~9.1.11",
    "@ionic-native/core": "^5.27.0",
    "@ionic-native/splash-screen": "^5.27.0",
    "@ionic-native/status-bar": "^5.27.0",
    "@ionic/angular": "^5.2.3",
    "core-js": "^2.5.4",
    "date-fns": "^2.14.0",
    "idb": "^4.0.5",
    "rxjs": "~6.5.5",
    "tslib": "^1.13.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/architect": "~0.801.2",
    "@angular-devkit/build-angular": "^0.901.10",
    "@angular-devkit/core": "^9.1.10",
    "@angular-devkit/schematics": "^9.1.10",
    "@angular/cli": "^9.1.10",
    "@angular/compiler": "~9.1.11",
    "@angular/compiler-cli": "~9.1.11",
    "@angular/language-service": "~9.1.11",
    "@ionic/angular-toolkit": "^2.2.0",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.2.2",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.5.4",
    "protractor": "^5.4.4",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.8.3"
  },
  "description": "An Ionic project"
}

1 post - 1 participant

Read full topic

I am having an ion-input. When i run in browser It works fine.

Problem is in Windows appx build. When we type some number in the input field.
And then click else where outside the input field.

Then if i press backspace it erases the number in the ion-input field.
It should not erase.

It works fine in browser.

Please help me.

1 post - 1 participant

Read full topic

Hi! I have these radio buttons which firstly are white and when I click them are becoming dark blue. However, when I click, it has first that effect for a really, really short time and it won’t go away with any command from ionic. (the grey one from the picture) Any help would be amazing. I’ve tried --background-activated: transparent on .item-radio-checked but still no effect

this is my HTML

 <ion-list lines="none">
              <ion-radio-group formControlName="spq">
                <ion-item class="question-option">
                  <ion-label>A</ion-label>
                  <ion-radio slot="end" value="nutrition"></ion-radio>
                </ion-item>
</ion-radio-group >
 </ion-list lines>

my css on ion-item

ion-item {
  border: 1px solid #eeeff0;
  border-radius: 16px;
  height: 64px;
  text-indent: 20px;
  --background-activated: var(--ion-color-secondary);
}

Pictures:

Screenshot 2020-07-03 at 17.47.44712×810 11.8 KB

Screenshot 2020-07-03 at 17.47.50684×792 6.99 KB

1 post - 1 participant

Read full topic