JS search field formatting not loading in mobile?

Anonymous

#212112

Hello,
I have a development site at w3.tourismproperties.co.nz
There is a Search Filter search bar on the home page. It is nestled within/above a carousel.

When one loads the page on a desktop the search bar is just fine. You can resize the loaded page to mobile and the search bar behaves as expected.
However, if you load the page from mobile, or reload it on desktop in a mobile emulation, quite often the search form elements don’t get styled by what I expect if jquery-ui.
There are no js errors shown.

Do you know anything about S&F Pro script loading on mobile?
Is there a directive or something I need to change so the search form elements get the jquery-ui treatment on mobile?
Thank you for your help.
Don

Trevor

#212133

I am not aware of anything. However, using JS to add style on document load is not ideal. What exactly does the script do?

Anonymous

#212135

This reply has been marked as private.

Trevor

#212139

Sorry, I misunderstood your initial query. Can you make annotated screenshots of the ‘good’ and ‘faulty’ forms when seen in mobile? You will need to upload these images to a file sharing site and give me the links to them (images cannot be uploaded to this forum).

Anonymous

#212143

This reply has been marked as private.

Trevor

#212226

Are you using comboboxes, and if so, which combobox script? The default in our plugin settings is Chosen, so try using Select2? Chosen has some issues with mobiles.

Anonymous

#212357

Hi Trevor,

Thank you Trevor. Will look into Select2.

How do I disable the Chosen javascript. i.e. stop S&F from loading that?

Thank you,
Best,
Don

Anonymous

#212359

Hi Trevor,
I found the setting.
Thanks,
Don

Anonymous

#212361

Hi Trevor,

A combo box rendered using the Chosen js library injected “sf-level-1” or “sf-level-2″ to indicate the tree.
e.g. class=”active-result sf-level-2 sf-item-128″

I used this to style the tree.

The Select2 dropdown render gives only: class=”select2-results__option”
There is no tree level class indicator.

The “sf-level-1 or 2” looks like a class set by S&F.

Is there something I can change so that Select2 also has the tree class indicators?

Thanks,
Don

Anonymous

#212364

Hi Trevor,

There is a problem.
Without a proper level indicator class in the select2 options tree I decided to select elements by calling their individual ids.

However, the ids are different every time the search form loads. 🙁

What do you suggest?

Thanks,Don

[Author]

Posts