jquery-ui dialog display close icon and wrong text

Question

jquery-ui dialog display close icon and "close" wrong text..

jquery Ui version 1.12.1 and code:

function callDialog() {
    $("#dialog-confirm").dialog({
        closeOnEscape: false, resizable: false, height: "auto", width: 400, modal: true, buttons: {
            "Yes": function () {
                $(this).dialog("close"); },
            "No": function () {
                $(this).dialog("close"); }
         }
    });
}

How to fix it

Answer 1

I've solved this adding closeText (see the last line):

		$('#dialog').dialog({
			autoOpen: false,
			width: 500,
			height:500,
			resizable: true,
			title: 'Items',
			modal: true,
			open: function(event, ui) {
				$(this).load("@Url.Action("StorageItemListPartial", "StorageItem")");
			},
			buttons: {
				"Close": function () {
					$(this).dialog("close");
				}
			},
			closeText: ''
		});

Answer 2

I had this same error and correct it by changing the following line of code closeText: "Close" for closeText: "" in jquery-ui file

$.widget( "ui.dialog", {
version: "1.12.1",
options: {
    appendTo: "body",
    autoOpen: true,
    buttons: [],
    classes: {
        "ui-dialog": "ui-corner-all",
        "ui-dialog-titlebar": "ui-corner-all"
    },
    closeOnEscape: true,
    closeText: "",