Visible small page move on Chrome, during universal module loading

More
10 years 8 months ago - 10 years 8 months ago #54393 by Laurentfrom47
Visible small page move on Chrome, during universal module loading was created by Laurentfrom47
Hi, this is not a big problem but it was inconvenient for the UX, on Chrome when the module is displayed on the page there is a very visible loading horizontal movement, watch this video

Thank you.
Last edit: 10 years 8 months ago by Laurentfrom47.

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago - 10 years 8 months ago #54426 by ggppdk
Replied by ggppdk on topic Visible small page move on Chrome, during universal module loading
Hello

it does not cause problem, do you suggest that we add code to prevent all the page from being visible (e.g. a full page overlay message "loadin") until module has loaded ?

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!
Last edit: 10 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago - 10 years 8 months ago #54428 by Laurentfrom47
Replied by Laurentfrom47 on topic Visible small page move on Chrome, during universal module loading
I think you don't understand what i mean on the video you see the horizontal movement when the page is loading ?
Last edit: 10 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago - 10 years 8 months ago #54429 by ggppdk
Replied by ggppdk on topic Visible small page move on Chrome, during universal module loading
Hello

i understand now,

that is because of there is an unneeded horizontal scroll bar in the page,

we make sure that this is removed in cases that is it is added, after the page is loaded you can see that the horizontal scroll bar is no longer there

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!
Last edit: 10 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago - 10 years 8 months ago #54430 by Laurentfrom47
Replied by Laurentfrom47 on topic Visible small page move on Chrome, during universal module loading
Ok i understand but as for me this little movement is not good for UX user experience.
Last edit: 10 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago - 10 years 8 months ago #54453 by ggppdk
Replied by ggppdk on topic Visible small page move on Chrome, during universal module loading
Hello

this is caused because of
- the container of the carousel template of the module is too wide,
- and it uses overflow: visible

thus it causes the browser to initially calculate that a scrollbar is needed, will need to give some thought on this,
we probably need some CSS change to stop this

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!
Last edit: 10 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago - 10 years 8 months ago #54454 by Laurentfrom47
Replied by Laurentfrom47 on topic Visible small page move on Chrome, during universal module loading
Thanks, it is not very important but i think it will be better to change this.
Last edit: 10 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago - 10 years 8 months ago #54485 by ggppdk
Replied by ggppdk on topic Visible small page move on Chrome, during universal module loading
Hello

we have opened this issue, to review this in v3.1 or v3.2
github.com/FLEXIcontent/flexicontent-cck/issues/207

you may subscribe to it and also post there if you have some CSS change or other fix to suggest

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!
Last edit: 10 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #54499 by norm1973
Replied by norm1973 on topic Visible small page move on Chrome, during universal module loading
Hi.
The following CSS works as possible temporary or otherwise solution using J3, Flexicontent 3.0 Beta 7, Eximium template.

body {
width: calc(100vw - 34px) !important;
}
from: stackoverflow.com/questions/1417934/how-...positioning-web-page

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #54607 by ggppdk
Replied by ggppdk on topic Visible small page move on Chrome, during universal module loading
Hello

the movement is not caused by the module,

it is
- either FLEXIcontent JS that manipulates body tag, (we have such JS, todo verify this)
- or it is just template columns without a set width changing size

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

Moderators: vistamedia, joomlacorner, ggppdk

Last FLEXI-site

Last Faq articles

Newsletter

Last Tutos about FLEXIcontent

Login

Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline
Save