Pulldowns do not work on T4 Template Framework

4creator

We are using T4 Template Framework (T4_bs5_blank) and the pull down menus that work when switching to Cassiopeia do not work with T4 Template Framework.

The HTML source for that pull-down is as follows:

<div class="dropdown questions_tabs" data-filter="tab" data-section="1" data-topic="2">
	<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="tabsButton2" data-bs-toggle="dropdown" aria-expanded="false">Recent</button>

<ul class="dropdown-menu" aria-labelledby="tabsButton2">
	<li><a href="/omitted_path/support?tab=recent" class="dropdown-item questions_tab active" data-tab="recent">Recent</a></li><li><a href="/omitted_path/support?tab=oldest" class="dropdown-item questions_tab " data-tab="oldest">Oldest</a></li>
	<li><a href="/omitted_path/support?tab=unanswered" class="dropdown-item questions_tab " data-tab="unanswered">Unanswered</a></li><li><a href="/omitted_path/support?tab=resolved" class="dropdown-item questions_tab " data-tab="resolved">Resolved</a></li>
	<li><a href="/omitted_path/support?tab=unresolved" class="dropdown-item questions_tab " data-tab="unresolved">Unresolved</a></li>
	<li><a href="/omitted_path/support?tab=open" class="dropdown-item questions_tab " data-tab="open">Open</a></li>
	<li><a href="/omitted_path/support?tab=pending" class="dropdown-item questions_tab " data-tab="pending">Pending</a></li>
</ul>
</div>

When the button is clicked, the source changes as follows (for Cassiopeia):

<div class="dropdown questions_tabs" data-filter="tab" data-section="1" data-topic="2">
	<button class="btn btn-secondary btn-sm dropdown-toggle show" type="button" id="tabsButton2" data-bs-toggle="dropdown" aria-expanded="true">Recent</button>

<ul class="dropdown-menu show" aria-labelledby="tabsButton2" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(0px, 33px);" data-popper-placement="bottom-start">
	<li><a href="/omitted_path/support?tab=recent" class="dropdown-item questions_tab active" data-tab="recent">Recent</a></li>
	<li><a href="/omitted_path/support?tab=oldest" class="dropdown-item questions_tab " data-tab="oldest">Oldest</a></li>
	<li><a href="/omitted_path/support?tab=unanswered" class="dropdown-item questions_tab " data-tab="unanswered">Unanswered</a></li>
	<li><a href="/omitted_path/support?tab=resolved" class="dropdown-item questions_tab " data-tab="resolved">Resolved</a></li>
	<li><a href="/omitted_path/support?tab=unresolved" class="dropdown-item questions_tab " data-tab="unresolved">Unresolved</a></li>
	<li><a href="/omitted_path/support?tab=open" class="dropdown-item questions_tab " data-tab="open">Open</a></li>
	<li><a href="/omitted_path/support?tab=pending" class="dropdown-item questions_tab " data-tab="pending">Pending</a></li>
</ul>
</div>

Can you offer any solution to this glitch?

Joomla 4.2.7
T4 Blank Template Bs5 1.1.7
PHP 8.0.27

saguaros

4creator Hi

Not sure where you got this menu, could you share your site's login credentials eg: URL + super admin account?

and share the page so I can see this menu, I will take a look.

Regards

4creator

This message is visible to Moderators only

hidden content

4creator

I have sent details specifying "moderators only". Please check it.

saguaros

4creator Hi

Could you share the FTP account also?

4creator

This message is visible to Moderators only

hidden content

saguaros

4creator The provided FTP account is not working now, could you check again?

4creator

I tested it with my FTP software before sending the information. And I confirm that I can access it now.

For passwords, drag and copy everything from R to Q. You cannot select all of them by double-clicking.

saguaros

I can access it now, let me check and will get back to you.

4creator

Have you been able to confirm the issue I reported with the glitch in the pulldown?

phinb

Hi @4creator
I can't log in with the account you provided. However, I tried using your provided HTML mockup and it worked well on T4 BS5 Blank.

Then it's possible that the issue you are experiencing is related to a plugin or setting within your website, rather than the template itself.

Regards,

4creator

Sorry, temporary account expired. I have now reactivated it and you should be able to log in with the account I provided.

4creator

As I first reported, the problem does not occur with Cassiopeia, but with T4 Blank Template Bs5. If it is related to the plugin settings, I think the problem should occur in both.

Could you please check our site again?

phinb

Hi
Are you using a cloud cache?
Could you please disable it so that I can test if the changes I made to the file are reflected on your website? I made some changes to the file, but I didn't see them on your website even after clearing the cache.

4creator

Thank you for your checking!
Yes, we use cloudflare and I switched it to development mode.

phinb

Hi
On your website, the value of the data-bs-toggle attribute for the dropdown was removed, causing the dropdown to not work. I added it back using JavaScript, and now it works.

Kindly check and let us know if you need further helps. 🙂

4creator

Thank you for identifying the cause.

I have provided you with a clone site for confirmation.
Can you please provide me with the name of the modified file so that I can reflect it on the public site?

phinb

This is the path to the file that I have modified [t4_bs5_blank/js/template.js]

4creator

OK! Thank you so much!!
Have a nice day! (^_^)/

phinb

Thank you 😃