IE6 issues

[wonderbread988]

I am have several issues with IE6 that do not show up at all in IE7-8, FF, Chrome, Opera, or Safari:

-One of my grids is visually scrunched to the left and will not allow drops from other grids like it's supposed to.
-Form drop downs only respond to click, then enter button.
-I have tabs that are close-able and I am not able to close them or switch to another tab in IE6

I was wondering if anyone else had experienced these issues and knew of a workaround or what I am doing wrong.

Thank you

[Isomorphic]

None of these issues occur for you in samples, right? If so, look for third party JavaScript or CSS being included in the page.

[wonderbread988]

Tab issues

I don't believe there is any 3rd party Javascript in the page. I did write a small style sheet for it, but I don't believe that's causing the issue. I'm getting an error from IE 6 that says "this.getStyleHandle().zIndex is null or not an object" which leads me to believe that the error is in the Javascript somewhere. Can anyone suggest where the source of this error might be? I'm extending the Tab class and I was wondering if I was doing that correctly and if not if that could be causing the error. Below is the constructor for my Tab class and attached is my extended tab code.

Thank you,
Joe

public UnitGridTab( String unitName, Long ID )
    {        
        unitLayout = new VLayout();
        gridLayout = new VLayout();
        graphLayout = new VLayout();
        unitGrid = new ListGrid();
        roomId = ID;
        name = unitName;

        setCanClose( new Boolean(true) );
        unitName = unitName.replace("'", "");
        unitName = unitName.replace(" ", "_");
        setTitle(unitName);
        setPickerTitle(name);
        setID(ID.toString());

        /*TODO add CLose handler
        addCloseClickHandler(new CloseClickHandler() {
            public void onCloseClick(TabCloseClickEvent event) {
               Tab tab = event.getTab();
               System.out.println("");
             }
         });*/

        currentDS = new DataSource();
        String id = new String( "currentStaff_"+roomId );
        currentDS.setID(id);
        currentDS.setDataFormat(DSDataFormat.JSON);
        currentDS.setDataURL("assignments?location_id=" + roomId + "&current=true&i=" + Math.random() );

        DataSourceImageField dIconField = new DataSourceImageField("iconName", " ");
        dIconField.setImageURLPrefix("icons/16/");
        dIconField.setWidth(30);
        DataSourceTextField dFirstNameField = new DataSourceTextField( UnitAssignmentModule.DSF_FIRST_NAME, "First Name" );
        DataSourceTextField dLastNameField = new DataSourceTextField( UnitAssignmentModule.DSF_LAST_NAME, "Last Name" );
        DataSourceIntegerField personIdField = new DataSourceIntegerField( UnitAssignmentModule.DSF_ICMD_ID, "Person Id" );
        DataSourceTextField droleField = new DataSourceTextField(UnitAssignmentModule.DSF_ROLE, "Role");
        DataSourceTextField dsAssignField = new DataSourceTextField (UnitAssignmentModule.DSF_ASSIGNMENT, "Assignments");
        DataSourceTextField dsShiftStartField = new DataSourceTextField (UnitAssignmentModule.DSF_SHIFT_START, "Shift Start");
        DataSourceTextField dsShiftStartEnd = new DataSourceTextField (UnitAssignmentModule.DSF_SHIFT_END, "ShiftEnd");
        droleField.setValueXPath("role");
        DataSourceTextField dsDeviceField = new DataSourceTextField( UnitAssignmentModule.DSF_DEVICE, "Device");
        personIdField.setHidden( new Boolean(true));
        personIdField.setPrimaryKey(new Boolean(true));
        personIdField.setRequired( new Boolean(true));
        currentDS.setClientOnly( new Boolean( false ) );
        currentDS.setFields( dIconField, dFirstNameField, dLastNameField, personIdField, droleField,
                dsAssignField, dsShiftStartField, dsShiftStartEnd, dsDeviceField );
        unitGrid.setDataSource(currentDS);

        unitGrid.setAutoFetchData( new Boolean( true ) );
        unitGrid.setAutoSaveEdits( new Boolean( true ) );
        unitGrid.fetchData();
        
        unitGrid.setBorder( "0px" );
        unitGrid.setID(unitName+"_Grid");
        unitGrid.setEditByCell( new Boolean(false) );
        //unitGrid.setCanEdit( new Boolean(true) );
        unitGrid.setEditEvent( ListGridEditEvent.CLICK );
        unitGrid.setSelectionType(SelectionStyle.SINGLE);
        unitGrid.setAutoFetchData( new Boolean(true) );
        unitGrid.setCanEdit( new Boolean(true) );

        ListGridField iconField = new ListGridField("iconName", " ");
        iconField.setType( ListGridFieldType.IMAGE );
        iconField.setImageURLPrefix( "icons/16/" );
        iconField.setImageURLSuffix( ".png" );
        iconField.setCanEdit( new Boolean(false) );

        ListGridField lastNameField = new ListGridField( UnitAssignmentModule.DSF_LAST_NAME, "Last Name");
        lastNameField.setCanEdit( new Boolean(false) );

        ListGridField firstNameField = new ListGridField( UnitAssignmentModule.DSF_FIRST_NAME, "First Name" );
        firstNameField.setCanEdit( new Boolean(false) );

        ListGridField assignmentField = new ListGridField( UnitAssignmentModule.DSF_ASSIGNMENT, "Assignments");
        assignmentField.setCanEdit( new Boolean(false) );

        ListGridField roleField = new ListGridField( UnitAssignmentModule.DSF_ROLE, "Role", 100 );
        roleField.setCanEdit( new Boolean(false) );

        ListGridField shiftStartField = new ListGridField( UnitAssignmentModule.DSF_SHIFT_START, "Shift Start");
        shiftStartField.setValueMap(startTimes);
        shiftStartField.setCanEdit( new Boolean(false) );

        ListGridField shiftEndField = new ListGridField( UnitAssignmentModule.DSF_SHIFT_END, "Shift End");
        shiftEndField.setValueMap(endTimes);
        shiftEndField.setCanEdit( new Boolean(false) );
        ListGridField deviceField = new ListGridField( UnitAssignmentModule.DSF_DEVICE, "Device", 150);
        deviceField.setValueMap( devices );
        deviceField.setCanEdit( new Boolean(false) );
        unitGrid.setFields(
            new ListGridField[]
            {
                iconField,
                firstNameField,
                lastNameField,
                assignmentField,
                roleField,
                shiftStartField, shiftEndField,
                deviceField
            } );
        unitGrid.setCanAcceptDroppedRecords( new Boolean( true ) );
        unitGrid.addDropHandler( new ActiveStaffDropHandler() );
        unitGrid.setHeight100();

        gridLayout.addMember(unitGrid);
        schedule = new ScheduleGraph(name, roomId);
        graphLayout.addMember(schedule);
        graphLayout.setHeight("50%");
        gridLayout.setHeight("50%");
        gridLayout.setOverflow(Overflow.AUTO);
        graphLayout.setOverflow(Overflow.AUTO);
        gridLayout.setShowResizeBar( new Boolean(true) );

        unitLayout.addMember(gridLayout);
        unitLayout.addMember(graphLayout);
        setPane(unitLayout);
        
    }

[Isomorphic]

Check the Developer Console for errors. It sounds like the DOM of some widget was wiped out by another widget - this kind of thing can happen with third party JavaScript or with ID collisions combined with a certain order draw()/clear()/destroy().

[wonderbread988]

Good Call

You were right of course. NativeCheckboxItem.js and NativeSelectItem.js are both included in the sc/client/widgets/form file. If I delete these files, then my problems are fixed. Is there some way that I can stop these files from being pulled in?

Thank you,
Joe

[wonderbread988]

nevermind I figured it out.

[stanlee]

how to trace which js file is causing this issue?

Hi I have been going thru the same issue. Tried deleting the js files you mentioned (checkbox and selectitem) but I still get the same issue.

Everything works fine with FF. But IE 6 SP3 has this issue.

Would like to know how you were able to find which js was causing this issue, it could be a different js in my case.

regards
Raghu

[amarjeet27]

Any pointers here?
How did you figure out that NativeCheckboxItem.js and NativeSelectItem.js were the ones that you needed to get rid of? I am seeing the script error "this.getStyleHandle().zIndex is null or not an object" in IE7, not FF, not IE8.

[malex]

Any pointers here?
I am seeing the script error "this.getStyleHandle().zIndex is null or not an object" in IE7, not FF, not IE8.

+1. I have this error only in IE7 not IE6,8... How can we fix it? it is very seriours problem for me. Stacktrace is attached.

[malex]

if replace "parseInt(this.getStyleHandle().zIndex)" with "parseInt(this.getStyleHandle() != undefined ? this.getStyleHandle().zIndex : 0)" in ISC_Core.js it will resolve problem. i know it isn't decision.