Skip to content

When a DatePickerField has 2 class names they are ignored #1

Closed
@tgpetrov

Description

@tgpetrov

If the demo apps cannot help and there is no issue for your problem, tell us about it

When a DatePickerField has 2 class names, css is not applied

Which platform(s) does your issue occur on?

  • iOS/Android/Both Both
  • iOS/Android versions 5.1.0
  • emulator or device. What type of device? Both

Please, provide the following version numbers that your issue occurs with:

  • CLI: (run tns --version to fetch it) 5.1.0
  • Cross-platform modules: (check the 'version' attribute in the
    node_modules/tns-core-modules/package.json file in your project) 5.1.0
  • Runtime(s): (look for the "tns-android" and "tns-ios" properties in the package.json file of your project )5.1.0
  • Plugin(s): (look for the version numbers in the package.json file of your
    project and paste your dependencies and devDependencies here) N/A

Please, tell us how to recreate the issue in as much detail as possible.

In any of the demo application, change DatePickerField's class in the css section to

<DatePickerField class="apply-css date" ...

and add a css for an element with both class names:

.date-time-picker.apply-css.date {
    background-color: red;
}

Run the application and tap on that field, notice the popup background is not red as expected.

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions