Bug in Chrome for Accordion & Toggles - Support | Kriesi.at

Viewing 21 posts - 1 through 21 (of 21 total)

Author

Posts
October 20, 2023 at 1:02 pm #1423117

flipstar99
Participant

Hi,
I have found a bug in chrome browser. This problem is not happening in other tested browsers:
Please visit in with chrome browser: https://kriesi.at/themes/enfold-2017/elements/accordion/

Please open and close the first Toggle several times (You can have open Toggles by default).
There is a delay in opening and closing with chrome browser which causes a gap between the toggles …

Can you please check and fix?
We are using this function for our website see private content box.

Thanks,
Matthias

October 23, 2023 at 3:19 am #1423355
Ismael
Moderator
Hey Matthias,

Thank you for the inquiry.

We are currently investigating the issue and another user reported that the issue only happens when the
Behavior > Allow only one open toggle is activated. To temporarily fix the issue, please select Allow multiple open toggles (toggle mode), then add this css code.
```
.toggle_wrap {
  display: none;
}
```
Best regards,
Ismael
October 23, 2023 at 10:27 am #1423385

flipstar99
Participant

Hi Ismael,
thank you.
I have changed to toggle mode and this is working so far.
What is the css code for? I don’t see any difference in the beavihour after adding this code.

Regards,
Matthias

October 23, 2023 at 10:31 am #1423386

flipstar99
Participant

Please find link attached

October 24, 2023 at 4:34 am #1423507

Ismael
Moderator

Hi,

Thank you for the update.

The css code should eliminate the gap or whitespace that the toggler leaves when closed. We’re still investigating the issue, but we will include a fix in the next patch once we identify the problem.

Best regards,
Ismael

October 24, 2023 at 6:22 am #1423511
Guenni007
Participant
can you try
```
#top .av_toggle_section {
    clear:both
}
```
thats indeed a chrome thing only!
October 24, 2023 at 11:30 am #1423549

Günter
Keymaster

Hi,

@Guenni007

You are the greatest – adding this at bottom of enfold\config-templatebuilder\avia-shortcodes\toggles\toggles.css does the trick.

Thanks a lot for your help !!!!!

Until next release also adding it to Quick-CSS in theme options helps.

Best regards,
Günter

October 24, 2023 at 11:34 am #1423550

Guenni007
Participant

nicht dafür ;)

October 24, 2023 at 12:23 pm #1423554

Günter
Keymaster

Hi,

@guenni007

Kriesi is preparing the release 5.6.7 – so it should be online in the next hours.

Best regards,
Günter

October 24, 2023 at 1:15 pm #1423570

Guenni007
Participant

wow das ging schnell:
ist online – ps habt ihr das noch schnell eingebaut! wahnsinn

fixed: CSS for chrome bug accordion toggles do not close properly and leave white space

October 24, 2023 at 1:42 pm #1423575

planttilesseo
Participant

fix didn’t work for me

October 24, 2023 at 2:27 pm #1423582

Yigit
Keymaster

Hi @planttilesseo,

Please make sure you’ve cleared any server-side, plugin-based, and browser caches. If you enabled the CSS file merging and compression option in the Enfold theme options > Performance tab, please disable it, save theme options, enable it, and save theme options again.

If that doesn’t fix the issue, please start a new thread and send us a link to your site and admin login credentials in the private content field so we can look into it.

Best regards,
Yigit

October 24, 2023 at 2:29 pm #1423584

Rikard
Keymaster

Hi planttilesseo,

This has been fixed in Enfold 5.6.7, please try updating to that. If you need further help on the topic, then please open a new thread and include WordPress admin login details in private, so that we can have a closer look at your site.

Best regards,
Rikard

October 24, 2023 at 2:40 pm #1423585

Guenni007
Participant

Well with your Alias name and a little search i found your page ;)
and on FAQ everything works fine here in OSX Chrome

Edit : . You are right. I see – if you open the 5th or 6th toggle there are again this behavior.
Can you please remove the interims solution with toggle_wrap set to display: none
and refresh all cachings and merging please after that.

I had to inspect where we can correct this. – on the enfold page https://kriesi.at/themes/enfold-2017/elements/accordion/ it works as i said as expected.

October 24, 2023 at 3:17 pm #1423591

Guenni007
Participant

I did not see on your page why the toggles looses their focus – on click all moves to the top. – this is not standard behavior!

Can you try to deactivte the total cache – refresh all cachings and merging of enfold.

October 24, 2023 at 4:10 pm #1423597
Guenni007
Participant
i’m so sorry – i tested it on my own toggles – and there it worked like a charm –

try this instead ( or in addition)
```
#top .single_toggle {
    clear:both; 
}
```
but loosing the focus away to top is still on your page a problem – because if you open a toggle – you like to read it – and not to move to the top!
October 24, 2023 at 4:12 pm #1423598
Yigit
Keymaster
Hi,

Thanks @guenni007 for your help! I checked this on a website but unfortunately, it didn’t work.

We’re going to need to test further but the following code seems to fix it:
```
.togglecontainer .single_toggle {
    float: none;
}
```
Regards,
Yigit
October 24, 2023 at 4:25 pm #1423601

Guenni007
Participant

yes this works for me too!
even on sortable toggles : https://webers-testseite.de/accordion/

so this bug is my fault – one should always check first if something set has to be removed – before adding a new code.
II have tested it, but not stress tested. Means very lush content and fast clicking the toggle headings.
So – although the internet is full of suggestions about this Chrome bug regarding clearing – deleting the floating property is the solution.

October 24, 2023 at 4:46 pm #1423604

Yigit
Keymaster

Hey,

Great! Thanks for the feedback :)

Cheers!
Yigit

October 25, 2023 at 10:56 am #1423670

flipstar99
Participant

Great, thanks for this quick fix. It works.

Regards,
Matthias

October 25, 2023 at 3:13 pm #1423702

Rikard
Keymaster

Hi Matthias,

Great, I’m glad that you got things working, and sorry for the problem. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard
Author

Posts

Viewing 21 posts - 1 through 21 (of 21 total)

You must be logged in to reply to this topic.