Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

using css class parameter breaks iOS when navigating

See original GitHub issue

Hi there

Using nativescript 3.0.2 & Angular/Typescript

Using the following in a html layout breaks iOS when navigating to the View. (The navigation doesnt do anything. The app doesnt crash)

this.routerExtensions.navigate(['/main']);

This doesnt work:

<CardView class="cardStyle" elevation="4" radius="1" marginBottom="2" width="100%"> <StackLayout orientation="vertical" padding="20"> </StackLayout> </CardView>

This works:

<CardView elevation="4" radius="1" marginBottom="2" width="100%"> <StackLayout orientation="vertical" padding="20"> </StackLayout> </CardView>

.cardStyle { background-color: #ffffff; }

Everything works in Android as expected.

Issue Analytics

State:
Created 6 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

manijakcommented, Jun 25, 2017

Ups, spoke too soon. Just upgraded the plugin to latest version and get the same issue. Using background-color css element makes the app crash when navigating back to a view that has CardView with that css-element. Weird error.

Using backgroundColor="white" directly on the XML, works fine.

0reactions

johnnyzencommented, Jun 27, 2017

Thanks guys for looking into 👍

Top Results From Across the Web

page-break-after - CSS: Cascading Style Sheets | MDN

The page-break-after CSS property adjusts page breaks after the current element.

:not | CSS-Tricks - CSS-Tricks

The :not() property in CSS is a negation pseudo class and accepts a simple selector or a selector list as an argument.

Reset/remove CSS styles for element only - Stack Overflow

You need "A css rule available that would remove any styles previously set in the stylesheet for a particular element." So, if the...

Safari Technology Preview Release Notes - Apple Developer

Changed to allow variables with the same name as the class in its static block ... Fixed unwanted extra dash when autocompleting CSS...

Framework7 Release Notes

router: browserHistoryTabs parameter to define how to handle routable ... photo-browser: enables cssMode by default for iOS and Android devices (d6cb8e3) ...