Skip to content

Setting noText Attribute on db-button removes class #5494

@nfellinger

Description

@nfellinger

Which generators are affected?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

Setting the noText attribute on a db-button element removes the css class added to the host element.

CSS class is set:

<db-button class="myClass"
                 variant="ghost"
                 data-icon="question_mark_circle"
                 (click)="doSomething()">
</db-button>
Image

CSS class is missing:

<db-button class="myClass"
                 variant="ghost"
                 data-icon="question_mark_circle"
                 noText="noText"
                 (click)="doSomething()">
      </db-button>
Image

Expected Behaviour

The noText attribute should not cause the css class to be missing from the db-button element.

Screenshots

No response

Browser version

Chrome

Add any other context about the problem here.

Sidenote: The css class is still present in the inner element, but without effect because of view encapsulation.

https://codesandbox.io/p/sandbox/github/db-ux-design-system/examples/tree/main/angular-example

Which DB business unit do you work for?

DB Systel GmbH (please name your customer below)

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

DB InfraGO AG

What project are you working on?

EBuLa Rückfallebene (IRE)

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions