Skip to content

[ui5-page]: content overlap with header #11234

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
1 task done
nnaydenow opened this issue Apr 1, 2025 · 0 comments · May be fixed by #11291
Open
1 task done

[ui5-page]: content overlap with header #11234

nnaydenow opened this issue Apr 1, 2025 · 0 comments · May be fixed by #11291
Assignees
@ivoplashkov
Labels
bug This issue is a bug in the code TOPIC RL

Comments

@nnaydenow
Copy link
Contributor

Bug Description

Content is display under the header when ui5-page is used with ui5-shellbar

Affected Component

ui5-page

Expected Behaviour

No response

Isolated Example

https://sap.github.io/ui5-webcomponents/nightly/play/#eyJpbmRleC5odG1sIjp7Im5hbWUiOiJpbmRleC5odG1sIiwiY29udGVudCI6IjwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuPCFET0NUWVBFIGh0bWw-XG48aHRtbCBsYW5nPVwiZW5cIj5cblxuXG5cbjxoZWFkPlxuICAgIFxuICAgIDxzdHlsZT5cbiAgICAgICo6bm90KDpkZWZpbmVkKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG5cbiAgICBodG1sIHtcbiAgICAgIGZvcmNlZC1jb2xvci1hZGp1c3Q6IG5vbmU7XG4gICAgfVxuICAgIDwvc3R5bGU-XG5cbiAgICBcbiAgICA8c3R5bGU-XG4gICAgICAqOm5vdCg6ZGVmaW5lZCkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuXG4gICAgaHRtbCB7XG4gICAgICBmb3JjZWQtY29sb3ItYWRqdXN0OiBub25lO1xuICAgIH1cbiAgICA8L3N0eWxlPlxuXG5cdDxtZXRhIGNoYXJzZXQ9XCJVVEYtOFwiPlxuXHQ8bWV0YSBuYW1lPVwidmlld3BvcnRcIiBjb250ZW50PVwid2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFsLXNjYWxlPTEuMFwiPlxuXHQ8dGl0bGU-U2FtcGxlPC90aXRsZT5cbjwvaGVhZD5cblxuPGJvZHkgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYXBCYWNrZ3JvdW5kQ29sb3IpXCI-XG5cdDwhLS0gcGxheWdyb3VuZC1mb2xkLWVuZCAtLT5cblx0PHVpNS1wYWdlIHN0eWxlPVwiaGVpZ2h0OiA1MDAwcHhcIj5cblx0XHQ8dWk1LXNoZWxsYmFyXG5cdFx0XHRkZXNpZ249XCJIZWFkZXJcIiBzbG90PVwiaGVhZGVyXCJcblx0XHRcdHByaW1hcnktdGl0bGU9XCJVSTUgV2ViIENvbXBvbmVudHNcIlxuXHRcdFx0c2Vjb25kYXJ5LXRpdGxlPVwiVGhlIEJlc3QgUnVuIFNBUFwiXG5cdFx0PlxuXHRcdFx0PHVpNS1idXR0b24gaWNvbj1cIm1lbnUyXCIgc2xvdD1cInN0YXJ0QnV0dG9uXCIgaWQ9XCJtZW51QnRuXCI-PC91aTUtYnV0dG9uPlxuXHRcdDwvdWk1LXNoZWxsYmFyPlxuXHRcdFx0PGRpdiA-XG5cdFx0XHRcdDx1aTUtdGl0bGU-SG9tZTwvdWk1LXRpdGxlPlxuXHRcdFx0XHQ8YnIgLz5cblx0XHRcdFx0PHVpNS10ZXh0PlxuXHRcdFx0XHRcdExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIFNlZCBkbyBlaXVzbW9kIHRlbXBvciBpbmNpZGlkdW50IHV0IGxhYm9yZSBldCBkb2xvcmUgbWFnbmEgYWxpcXVhLiBVdCBlbmltIGFkIG1pbmltIHZlbmlhbSwgcXVpcyBub3N0cnVkIGV4ZXJjaXRhdGlvbiB1bGxhbWNvIGxhYm9yaXMgbmlzaSB1dCBhbGlxdWlwIGV4IGVhIGNvbW1vZG8gY29uc2VxdWF0LiBEdWlzIGF1dGUgaXJ1cmUgZG9sb3IgaW4gcmVwcmVoZW5kZXJpdCBpbiB2b2x1cHRhdGUgdmVsaXQgZXNzZSBjaWxsdW0gZG9sb3JlIGV1IGZ1Z2lhdCBudWxsYSBwYXJpYXR1ci4gRXhjZXB0ZXVyIHNpbnQgb2NjYWVjYXQgY3VwaWRhdGF0IG5vbiBwcm9pZGVudCwgc3VudCBpbiBjdWxwYSBxdWkgb2ZmaWNpYSBkZXNlcnVudCBtb2xsaXQgYW5pbSBpZCBlc3QgbGFib3J1bS5cblx0XHRcdFx0PC91aTUtdGV4dD5cblx0XHRcdDwvZGl2PlxuXHQ8L3VpNS1wYWdlPlxuXHQ8IS0tIHBsYXlncm91bmQtZm9sZCAtLT5cblx0PHNjcmlwdCB0eXBlPVwibW9kdWxlXCIgc3JjPVwibWFpbi5qc1wiPjwvc2NyaXB0PlxuPC9ib2R5PlxuXG48L2h0bWw-XG48IS0tIHBsYXlncm91bmQtZm9sZC1lbmQgLS0-In0sIm1haW4uanMiOnsibmFtZSI6Im1haW4uanMiLCJjb250ZW50IjoiaW1wb3J0IFwiLi9wbGF5Z3JvdW5kLXN1cHBvcnQuanNcIjtcbi8qIHBsYXlncm91bmQtaGlkZS1lbmQgKi9cbi8qIHBsYXlncm91bmQtaGlkZSAqL1xuaW1wb3J0IFwiLi9wbGF5Z3JvdW5kLXN1cHBvcnQuanNcIjtcbi8qIHBsYXlncm91bmQtaGlkZS1lbmQgKi9cbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy1maW9yaS9kaXN0L1NoZWxsQmFyLmpzXCI7XG5pbXBvcnQgXCJAdWk1L3dlYmNvbXBvbmVudHMtZmlvcmkvZGlzdC9QYWdlLmpzXCJcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy9kaXN0L1RleHQuanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy9kaXN0L1RpdGxlLmpzXCI7XG4ifX0

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

nightly

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.
@nnaydenow nnaydenow added bug This issue is a bug in the code TOPIC RL labels Apr 1, 2025
@ivoplashkov ivoplashkov self-assigned this Apr 9, 2025
@ivoplashkov ivoplashkov moved this from New Issues to In progress in Maintenance - Topic RL Apr 9, 2025
@ivoplashkov ivoplashkov linked a pull request Apr 9, 2025 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ivoplashkov ivoplashkov

Labels
bug This issue is a bug in the code TOPIC RL
Projects
Maintenance - Topic RL
Status: In progress
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(ui5-page): refactor page layouting SAP/ui5-webcomponents
2 participants
@ivoplashkov @nnaydenow