nuBuilder Forum

Code: Select all

Uncaught TypeError: Cannot read properties of null (reading 'style')
    at nuSetBrowseColumns (nuform.js:4960:12)
    at nuDragTitleEvents (nucommon.js:2150:2)
    at nuBuildForm (nuform.js:140:1)
    at Object.successCallback (nuajax.js:193:4)
    at c (jquery-3.7.1.min.js:2:25304)
    at Object.fireWith [as resolveWith] (jquery-3.7.1.min.js:2:26053)
    at l (jquery-3.7.1.min.js:2:77782)
    at XMLHttpRequest.<anonymous> (jquery-3.7.1.min.js:2:80265)


Line 4960 of nuform.js:
nucell00.style.zIndex = '2';

Code: Select all

if (nuIsNewRecord()) {
        // Set the value of the select object
        nuSetValue('pk_finalDoughIngred1','sourdough starter');
	nuSetValue('pk_finalDoughIngred2','water');
	nuSetValue('pk_finalDoughIngred3','salt');
        
    }

Code: Select all

select table1_id from table1 where table1_id = '#RECORD_ID#';

Code: Select all

Explanation

Understanding the problem
The error Uncaught TypeError: Cannot read properties of null (reading 'style') means that you are trying to access the style property of a variable that is currently null. In this specific case, the error occurs on line 4960 of nuform.js within the nuSetBrowseColumns function. The code on that line is trying to access the style property of an element that could not be found.

How to verify
You can set a breakpoint on line 4960 in nuform.js in the Sources panel of DevTools. When the code execution pauses at this line, hover over the variable that you are trying to access the style property from. Its value will likely be null. You can also check the call stack in the right-hand sidebar to see how the nuSetBrowseColumns function was called, which might provide clues about why the element was not found.

Suggested fix
The most common reason for this error is trying to access a DOM element before it has been loaded on the page, or if the selector used to find the element is incorrect. Ensure that the element you are trying to access exists in the DOM when the nuSetBrowseColumns function is executed. You can wrap the code that accesses the element within a DOM ready event listener or check if the element exists before trying to access its properties.