Blank Screen Issue When Navigating to Hidden Tab Fields

Frappe Framework Bug
,
1

When the last text field is reached, pressing Tab again seems to focus on a field in a hidden tab. This results in a blank screen appearing.

setup_doctype
setup_doctype1794×522 39.8 KB

Is there a solution for this case?

2

image
image1783×470 36.2 KB

3

I have run into this issue now too. Have a form with tabs. Want the 2nd and 3rd tab hidden until the record has been first saved. But if user hits tab key on last field on first tab, form goes blank. Are there any workarounds for this?

4

I came up with the following workaround:

frappe.ui.form.on( "DocType", {
    refresh: function( frm ) {
        $( ".frappe-control[data-fieldname='fieldname']" ).on( "keydown", function( e ){
            if( e.keyCode === 9 || e.key === "Tab" ){
                e.preventDefault();
                frm.scroll_to_field( "top_field_on_same_tab" ); // optional - could leave off and see leave the user focused on the last field
                return false;
            }
        } );
    }
} );