Description
Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):
- CLI: 6.1.2
- Cross-platform modules: 6.1.2
- Android Runtime: 6.1.2
- iOS Runtime: 6.1.1
- Plugin(s): Unrelated
- NativeScript-Angular: 8.0.2
- Angular: 8.0.0.
Describe the bug
I have a grid-layout that contains a label element. I applied a gradient background on grid-layout element. There is an *ngIf attribute on the label element. Label is rendered in the screen when page is loaded. However, if the value bind to ngIf is made false and true in that order label is not shown in the screen anymore. Actually, it is rendered but it stays behind background of the grid-layout. You cannot see it but it still captures the tap event. If you use a regular background instead of a gradient background, there is no problem.
This is how I set the gradient background:
background-image: linear-gradient(160deg, #7cc7f3 0%, #aaf0e1 100%);
To Reproduce
Create the elements as I described above and do the same things.
Expected behavior
Label element shouldn't stay behind the grid-layout element's background.
Additional context
Tried only on iOS emulator.