[ui5-menu]: line-height
set to body should not influence menu items
#10754
Labels
line-height
set to body should not influence menu items
#10754
Bug Description
Hello colleagues,
Adding a style for the
line-height
to the body of the page breaks the visualisation of theui5-menu-item
componentAffected Component
No response
Expected Behaviour
line-height
is applied directly to elements and can only be changed if explicitly set on the component itself. It does not take effect when inherited from the body.Isolated Example
https://sap.github.io/ui5-webcomponents/play/#eyJpbmRleC5odG1sIjp7Im5hbWUiOiJpbmRleC5odG1sIiwiY29udGVudCI6IjwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuPCFET0NUWVBFIGh0bWw-XG48aHRtbCBsYW5nPVwiZW5cIj5cblxuXG5cbjxoZWFkPlxuICAgIFxuICAgIDxzdHlsZT5cbiAgICAgICo6bm90KDpkZWZpbmVkKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG5cbiAgICBodG1sIHtcbiAgICAgIGZvcmNlZC1jb2xvci1hZGp1c3Q6IG5vbmU7XG4gICAgfVxuICAgIDwvc3R5bGU-XG5cbiAgICBcbiAgICA8c3R5bGU-XG4gICAgICAqOm5vdCg6ZGVmaW5lZCkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuXG4gICAgaHRtbCB7XG4gICAgICBmb3JjZWQtY29sb3ItYWRqdXN0OiBub25lO1xuICAgIH1cbiAgICA8L3N0eWxlPlxuXG4gICAgPG1ldGEgY2hhcnNldD1cIlVURi04XCI-XG4gICAgPG1ldGEgbmFtZT1cInZpZXdwb3J0XCIgY29udGVudD1cIndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjBcIj5cbiAgICA8dGl0bGU-U2FtcGxlPC90aXRsZT5cbjwvaGVhZD5cblxuPGJvZHkgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYXBCYWNrZ3JvdW5kQ29sb3IpOyBoZWlnaHQ6IDM1MHB4XCI-XG4gICAgPCEtLSBwbGF5Z3JvdW5kLWZvbGQtZW5kIC0tPlxuXG4gICAgPHVpNS1idXR0b24gaWQ9XCJidG5PcGVuQmFzaWNcIiBlbmQtaWNvbj1cInNsaW0tYXJyb3ctZG93blwiPk9wZW4gTWVudTwvdWk1LWJ1dHRvbj4gPGJyPlxuXG4gICAgPHVpNS1tZW51IGhlYWRlci10ZXh0PVwiQmFzaWMgTWVudSB3aXRoIEl0ZW1zXCIgaWQ9XCJtZW51QmFzaWNcIiBvcGVuZXI9XCJidG5PcGVuQmFzaWNcIj5cbiAgICAgICAgPHVpNS1tZW51LWl0ZW0gdGV4dD1cIk5ldyBGaWxlXCIgaWNvbj1cImFkZC1kb2N1bWVudFwiPjwvdWk1LW1lbnUtaXRlbT5cbiAgICAgICAgPHVpNS1tZW51LWl0ZW0gdGV4dD1cIk5ldyBGb2xkZXJcIiBpY29uPVwiYWRkLWZvbGRlclwiIGRpc2FibGVkPjwvdWk1LW1lbnUtaXRlbT5cbiAgICAgICAgPHVpNS1tZW51LXNlcGFyYXRvcj48L3VpNS1tZW51LXNlcGFyYXRvcj5cbiAgICAgICAgPHVpNS1tZW51LWl0ZW0gdGV4dD1cIk9wZW5cIiBpY29uPVwib3Blbi1mb2xkZXJcIj48L3VpNS1tZW51LWl0ZW0-XG4gICAgICAgIDx1aTUtbWVudS1pdGVtIHRleHQ9XCJDbG9zZVwiPjwvdWk1LW1lbnUtaXRlbT5cbiAgICAgICAgPHVpNS1tZW51LXNlcGFyYXRvcj48L3VpNS1tZW51LXNlcGFyYXRvcj5cbiAgICAgICAgPHVpNS1tZW51LWl0ZW0gdGV4dD1cIlByZWZlcmVuY2VzXCIgaWNvbj1cImFjdGlvbi1zZXR0aW5nc1wiPjwvdWk1LW1lbnUtaXRlbT5cbiAgICAgICAgPHVpNS1tZW51LWl0ZW0gdGV4dD1cIkV4aXRcIiBpY29uPVwiam91cm5leS1hcnJpdmVcIj48L3VpNS1tZW51LWl0ZW0-XG4gICAgPC91aTUtbWVudT5cbiAgXG4gIDxzdHlsZT5cbiAgICBib2R5IHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAuNXJlbTtcbiAgICB9XG4gIDwvc3R5bGU-XG4gICAgPCEtLSBwbGF5Z3JvdW5kLWZvbGQgLS0-XG4gICAgPHNjcmlwdCB0eXBlPVwibW9kdWxlXCIgc3JjPVwibWFpbi5qc1wiPjwvc2NyaXB0PlxuPC9ib2R5PlxuXG48L2h0bWw-XG48IS0tIHBsYXlncm91bmQtZm9sZC1lbmQgLS0-XG4ifSwibWFpbi5qcyI6eyJuYW1lIjoibWFpbi5qcyIsImNvbnRlbnQiOiIvKiBwbGF5Z3JvdW5kLWhpZGUgKi9cbmltcG9ydCBcIi4vcGxheWdyb3VuZC1zdXBwb3J0LmpzXCI7XG4vKiBwbGF5Z3JvdW5kLWhpZGUtZW5kICovXG5pbXBvcnQgXCJAdWk1L3dlYmNvbXBvbmVudHMvZGlzdC9NZW51LmpzXCI7XG5pbXBvcnQgXCJAdWk1L3dlYmNvbXBvbmVudHMvZGlzdC9NZW51SXRlbS5qc1wiO1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvTWVudVNlcGFyYXRvci5qc1wiO1xuXG5pbXBvcnQgXCJAdWk1L3dlYmNvbXBvbmVudHMtaWNvbnMvZGlzdC9hZGQtZG9jdW1lbnQuanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy1pY29ucy9kaXN0L2FkZC1mb2xkZXIuanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy1pY29ucy9kaXN0L29wZW4tZm9sZGVyLmpzXCI7XG5pbXBvcnQgXCJAdWk1L3dlYmNvbXBvbmVudHMtaWNvbnMvZGlzdC9zYXZlLmpzXCI7XG5pbXBvcnQgXCJAdWk1L3dlYmNvbXBvbmVudHMtaWNvbnMvZGlzdC91cGxvYWQtdG8tY2xvdWQuanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy1pY29ucy9kaXN0L2FjdGlvbi1zZXR0aW5ncy5qc1wiO1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzLWljb25zL2Rpc3Qvam91cm5leS1hcnJpdmUuanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy1pY29ucy9kaXN0L3NsaW0tYXJyb3ctZG93bi5qc1wiO1xuXG5jb25zdCBidG5PcGVuQmFzaWMgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcImJ0bk9wZW5CYXNpY1wiKTtcbmNvbnN0IG1lbnVCYXNpYyA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwibWVudUJhc2ljXCIpO1xuXG5idG5PcGVuQmFzaWMuYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGZ1bmN0aW9uKGV2ZW50KSB7XG4gICAgbWVudUJhc2ljLm9wZW4gPSAhbWVudUJhc2ljLm9wZW47XG59KTsifX0
Steps to Reproduce
No response
Log Output, Stack Trace or Screenshots
No response
Priority
None
UI5 Web Components Version
latest
Browser
Chrome, Edge, Firefox, Safari
Operating System
No response
Additional Context
No response
Organization
No response
Declaration
The text was updated successfully, but these errors were encountered: