Button in repeater returning undefined on show or hide

Ask the community
,
1

Hello, I have a method on change of a dropdown quantity that makes a button in the same repeater item visible and once the button is clicked it should set itself to hidden after doing a few things (see code below). I get an error message on my second and consequent changes.

Few more notes: This only started recently with no changes in quite some time. I have two repeaters the first repeater is the categories which when clicked gets all the items and updates a second repeater for all the items in that category (All the other fields, name and other things are properly set)

Important: I am only seeing this on Live Mode, Cannot replicate in Preview mode. This happens when I choose my second and consequent categories in the category repeater which shows the fields and updates the item repeater just fine but has errors when either of the functions below are called

export function dropdownQty_click ( event ) {
let button = $w . at ( event . context );
console . log ( button ( “#btnAddItem” ). rendered ); // true
console . log ( "Hidden " + button ( “#btnAddItem” ). hidden ); //true
console . log ( "Collapsed " + button ( “#btnAddItem” ). collapsed ); //false
button ( “#btnAddItem” ). show (). then (() => { console . log ( “success” )}). catch ( ( err ) =>
{ console . log ( err )}); //TypeError: undefined is not an object (evaluating ‘le[e][n]’)
}

export function btnAddItem_click ( event ) {
var currentItem = $w . at ( event . context );
var itemName = currentItem ( “#txtItemName” ). text ;
var quantity = currentItem ( “#dropdownQty” ). value ;
var itemWeight = currentItem ( “#txtItemWeight” ). text ;
…
currentItem ( “#btnAddItem” ). hide (). then (() => { console . log ( “success” )}). catch ( ( err ) => { console . log ( err )} ); //TypeError: undefined is not an object (evaluating ‘le[e][n]’)
}

2

Bugs and system issues should be reported to Wix Customer Care .

Just so you know, the best practice is to prepend $ to the Repeater’s local selector. Like this:

var $item = $w.at(event.context);
var itemName = $item("#txtItemName").text;

I’m not sure that this would cause your problem, but the selector function is “special”, and this might affect the operation of your code.

3

I will reach out to customer care. The prepended $ did not work, but appreciate the info.

4

You can also save a few lines of code doing this:

export function btnAddItem_click(event, $item) {
    var itemName = $item("#txtItemName").text
    var quantity = $item("#dropdownQty").value
    var itemWeight = $item("#txtItemWeight").text
    $item("#btnAddItem").hide()
        .then(() => {
            console.log("success")
        })
        .catch(err => {
            console.log(err)
        })
}
5

Solution above cleaned up code but still no luck. Havent heard anything from Wix Team. Anyone else seeing this?

Error Tracing leads me to some Wix code in the createSdkState(compId) function.