Skip to content

CSS "direction" property seems to have no effect on GridLayout #13

Open
@steinerj

Description

@steinerj

Hey @xlmnxp - great plugin!

The "direction" CSS property does not seem to have any effect on GridLayout.

The displayed content for the sample below is always: "RIGHT LEFT". It does not make a difference if the style is inline or in app.css.

The isRtl property works fine and swaps the output, if set to false.

Can you reproduce or am I missing something? Thank you for any help.

Sample xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:rtl="@nativescript-rtl/ui" navigatingTo="navigatingTo">
    <ActionBar title="My App" icon=""></ActionBar>
    <rtl:GridLayout columns="*, *" class="testclass" style="direction:ltr;">
        <Label col="0" text="LEFT" class="h1"/>
        <Label col="1" text="RIGHT" class="h1"/>
    </rtl:GridLayout>
</Page>

app.css

.testclass {
    direction: ltr;
}

package.json

"dependencies": {
    "@nativescript/core": "~6.5.0",
    "@nativescript/theme": "~2.3.0",
    "tns-core-modules": "6.5.8",
    "@nativescript-rtl/ui": "~0.1.6"
  },

EDIT: Test platform is Android 29 Emulator.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions