HSTabs.getInstance not working : Cannot read properties of null (reading 'on') about preline HOT 4 CLOSED

@olegpix

Thanks for the rapid response this is awesome! But i think good to mention that on the documentation. Thanks for the help and have a great time.

from preline.

		window.onload = function () {	
			const el = HSTabs.getInstance('#hs-tab-to-select-1' ,true);
			if(el) {
				el.on('change', ({ el, prev, current }) => {
					console.log('change ***********++++++', el, prev, current)
						
				});
			} else {
				console.log('el is null',el)
			}
	
		}

Problem: Encountering a null reference error when trying to use HSTabs.getInstance within window.onload. The variable el is expected to hold an instance but is consistently null, leading to issues when trying to access its properties or methods.

Hello,
Could you create an example and share it with us on Stacklblitz? We have not yet encountered such a problem during testing and use, perhaps this is a specific case.
Thank you in advance!

from preline.

Sure! Here is the link. Thank you very much!

https://stackblitz.com/edit/stackblitz-starters-bzuiv3?file=index.html

from preline.

Sure! Here is the link. Thank you very much!

https://stackblitz.com/edit/stackblitz-starters-bzuiv3?file=index.html

Thanks for the live link!
The problem is that you need to use a different selector, by default the plugin looks for all selectors [role="tablist"]:not(select):not(.--prevent-on-load-init), in your case, you need to use the [hs-data-tab-select="#tab-select"] selector when trying to get the instance.
You can check a working example here

from preline.