Skip to content
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

[Synthetics] Management page not positioned correctly with header in serverless #176177

Closed
paulb-elastic opened this issue Feb 2, 2024 · 4 comments · Fixed by #185874
Closed

[Synthetics] Management page not positioned correctly with header in serverless #176177

paulb-elastic opened this issue Feb 2, 2024 · 4 comments · Fixed by #185874
Assignees
@crespocarlos
Labels
bug Fixes for quality problems that affect the customer experience Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team

Comments

@paulb-elastic
Copy link
Contributor

Kibana version:

  • Serverless staging

Browser version:

  • Chrome 121.0.6167.86

Original install method (e.g. download page, yum, from source, etc.):

  • Serverless staging

Describe the bug:

It seems the default position for the Management page is not quite right and covered by the header:

image

This is when creating and editing a monitor (as both return to the Management page once created/edited).

Steps to reproduce:

  • Create a serverless Observability project
  • Create a monitor in the UI using the creation flow (not the very first onboarding flow)
  • When saved and being returned to the Management page, it’s slightly scrolled down, hiding the top of the page
@paulb-elastic paulb-elastic added bug Fixes for quality problems that affect the customer experience Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team labels Feb 2, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

@paulb-elastic
Copy link
Contributor Author

Added this to the serverless problem tracking issue https://github.com/elastic/observability-dev/issues/3230

@dominiqueclarke
Copy link
Contributor

This seems to be due to elastic/eui#7765

@justinkambic
Copy link
Contributor

Thanks for the callout @dominiqueclarke it does seem like it. If this gets fixed upstream I assume we won't have much further action needed to address the problem here.

@paulb-elastic paulb-elastic mentioned this issue May 17, 2024
Closed
@crespocarlos crespocarlos self-assigned this Jun 10, 2024
@crespocarlos crespocarlos mentioned this issue Jun 10, 2024
Merged
crespocarlos added a commit that referenced this issue Jun 11, 2024
@crespocarlos
[Serverless] Consider --kbnAppHeadersOffset value for sticky elemen…
2a53b77 
…ts and page size (#185874)

fixes [176177](#176177)
relates to elastic/eui#7765

## Summary

Changes the `min-block-size` to account for the `kibanaProjectHeader`
element, which exists only in serverless, to calculate the page size and
sticky elements' top position.

<img width="1728" alt="image"
src="https://github.com/elastic/kibana/assets/2767137/3b3674dc-0f3a-4671-b5e9-0b2263c2c982">


## Stateful

https://github.com/elastic/kibana/assets/2767137/2383aa9d-eee1-4aaa-94af-081f53ef84a4

## Serverless


https://github.com/elastic/kibana/assets/2767137/6830e136-cb55-4bef-8a8c-2eaf3bdc8374



https://github.com/elastic/kibana/assets/2767137/2c26014b-1572-430f-ae9c-6a4093f76422




https://github.com/elastic/kibana/assets/2767137/af6449d7-4077-4340-b5af-8a29bfae95a2





### How to test
- Start a serverless instance 
- `yarn es serverless --projectType=PROJECT_TYPE --kill --clean
--license trial -E xpack.security.authc.api_key.enabled=true`
- Start a local kibana
- Check if the pages still work as expected
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@crespocarlos crespocarlos

Labels
bug Fixes for quality problems that affect the customer experience Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team
Projects
None yet
Milestone
No milestone
5 participants
@crespocarlos @dominiqueclarke @elasticmachine @justinkambic @paulb-elastic