Widget is not working with Mendix Studio pro 10.24.xx version

[vineerudu]

This module is not triggering/working after upgrading our project from 9.23.33 to 10.24.4. This was working before and looks like this module needs an upgrade ?

[hunter-koppen]

@vineerudu Ive tested this in 10.24.4 but for me it works. Can you provide me with some more info on how I can reproduce this issue? Are you sure you have set the name of the tab correctly?

Also I did update the internal Mendix API's already in a new release in the marketplace but that shouldnt matter for this issue.

[aiden-sjeefr]

Can confirm the widget isn't working. My app ran for a long while on Mx9.24.35 without any issues. Recently upgraded to Mx10.24.7 and the widget doesn't work anymore. I've got a simple page with the widget and a TabContainer, nothing special. The entire microflow simply doesn't trigger anymore.

Perhaps a Jar file issue, since I was working on Java 11 prior and now 21. Also my Runtime setting for 'React client' is set to 'No', instead of 'Yes' or 'Migration.

[vineerudu]

Hi Hunter Koppen, We tried upgrading module to latest version V 1.1.1 but as anticipated, it didn’t fix it. Can you please confirm again and let us know if any special settings or sample app that you tried and it worked for you in the version 10.24.8 version? Appreciate your help. Regards Vinay From: aiden-sjeefr ***@***.***> Date: Thursday, September 25, 2025 at 9:27 AM To: hunter-koppen/tabClickAction ***@***.***> Cc: Vinay Neerudu ***@***.***>, Mention ***@***.***> Subject: Re: [hunter-koppen/tabClickAction] Widget is not working with Mendix Studio pro 10.24.xx version (Issue #3) You don't often get email from ***@***.*** Learn why this is important<https://aka.ms/LearnAboutSenderIdentification> This email is from an external source. [Image removed by sender.]aiden-sjeefr left a comment (hunter-koppen/tabClickAction#3)<#3 (comment)> Can confirm. My app ran for a long while on Mx9.24.35 without any issues. Recently upgraded to Mx10.24.7 and the widget doesn't work anymore. I've got a simple page with the widget and a TabContainer, nothing special. The entire microflow simply doesn't trigger anymore. Perhaps a Jar file issue, since I was working on Java 11 prior and now 21. Also I've set the Runtime setting 'React client' to 'No', instead of 'Yes' or 'Migration. — Reply to this email directly, view it on GitHub<#3 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BWP47OJPOQDID6NYV2QXKR33UP3U7AVCNFSM6AAAAACGSLZGS6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTGMZUGQ2DGMZRGY>. You are receiving this because you were mentioned.Message ID: ***@***.***>

[vineerudu]

Hi Hunter Koppen,
I was able to reproducing it by creating a sample app with 10.24.8 version. Home page has a two tab click actions one to trigger nano flow and other to trigger microflow. None of them are triggering. Unfortunately I am unable to attach the project binary due to size limit. If its working on your end, can you please send us the settings you used or add me to that project to review your app. I have a release coming up and need the resolution asap. Your inputs are greatly appreciated.

[vineerudu]

Another observation is that tab click evernts are not triggerring when you have a data view or data grid in the tab content section.

[vineerudu]

Alright...I was able to make it work in my local with following change. It is working as expected now. I am not an expert here so could you review and let us know if any issue with this change?

New change :
o.current.parentNode
.querySelectorAll(".mx-name-" + n)
.forEach((e => e.onclick = c));

Old Code:
document
.querySelectorAll(".mx-name-" + n)
.forEach((e => e.onclick = c));

End result:

define(["exports","react"],(function(e,t){"use strict";
function c(e){
const { onClickAction: c, tabName: n } = e, o = t.createRef();
return t.useEffect(() => {
o.current.parentNode
.querySelectorAll(".mx-name-" + n)
.forEach((e => e.onclick = c));
}, []),
t.createElement("div", { ref: o });
}
e.TabClickAction = function(e){
const { onClickAction: n, tabName: o } = e,
r = t.useCallback(() => { n.execute(); }, [n]);
return t.createElement(c, { onClickAction: r, tabName: o });
}
}));

[hunter-koppen]

Ive been able to finally reproduce this and created a fix. Please download the latest version 1.1.2 and check that it is working again or not.