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.

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

IBX-5138: The header in content edit view is displayed incorrectly when scrolling #714

Conversation

GrabowskiM
Copy link
Contributor

Question Answer
Tickets https://issues.ibexa.co/browse/IBX-5138
Bug fix? yes
New feature? no
BC breaks? no
Tests pass? yes
Doc needed? no
License GPL-2.0

Checklist:

  • Coding standards ($ composer fix-cs)
  • Ready for Code Review

@@ -23,6 +35,10 @@
const shouldHeaderBeSlim = scrollTop > SCROLL_POSITION_TO_FIT;

headerNode.classList.toggle('ibexa-edit-header--slim', shouldHeaderBeSlim);

if (shouldHeaderBeSlim) {
Copy link
Contributor

@tischsoic tischsoic Feb 27, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does this solution take into account really long words, which can be problematic also when header is not slim?

@GrabowskiM GrabowskiM force-pushed the IBX-5138-the-header-in-content-edit-view-is-displayed-incorrectly-when-scrolling branch from 5ff0d90 to b67202a Compare March 6, 2023 11:23
@GrabowskiM GrabowskiM changed the base branch from 4.3 to 4.4 March 6, 2023 11:23
@GrabowskiM GrabowskiM force-pushed the IBX-5138-the-header-in-content-edit-view-is-displayed-incorrectly-when-scrolling branch from b67202a to fc222a5 Compare March 6, 2023 11:47
@GrabowskiM GrabowskiM changed the base branch from 4.4 to 4.3 March 6, 2023 11:47
Copy link
Contributor

@jwibexa jwibexa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested and validated on Ibexa Experience Version 4.4.1 and OSS 4.3.4
Chrome and FF

Copy link
Contributor

@mnocon mnocon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've looked into the CI failure and looks like there's an issue here - the "Create" (or Save) button is clickable only when the website is not scrolled, you can't click it once you scroll below on the website

bug.mov

Please notice how the "on hover" pointer change does not happen when I scroll down - the button cannot be clicked.

@sonarcloud
Copy link

sonarcloud bot commented Mar 7, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@jwibexa
Copy link
Contributor

jwibexa commented Mar 7, 2023

Manually restesed after the "fit bottom row line with buttons" commit

@mnocon mnocon requested review from mnocon and removed request for mnocon March 7, 2023 14:14
@dew326 dew326 requested a review from mnocon March 7, 2023 14:38
@dew326 dew326 merged commit 6f5b678 into 4.3 Mar 8, 2023
@dew326 dew326 deleted the IBX-5138-the-header-in-content-edit-view-is-displayed-incorrectly-when-scrolling branch March 8, 2023 08:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

9 participants