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://stackblitz.com/edit/db-ux-design-system-examples-mry6796w?file=src%2Fapp%2Fapp.component.html

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

Type

Projects

Status

Backlog

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions