Search jQuery

jQuery Forum

Setting inner div to width more than 100%

in Using jQuery UI • 6 years ago

I have a jQuery UI modal Dialog with the opening <div> being as follows:

<div id="ticket_dialog"  data-tooltip="Ticket Details" title="Ticket Detail">

The dialog init is as follows:

$("#ticket_dialog").dialog({
  autoOpen: false,
  modal: true,
  position: { my: "center", at: "top", collision: "none" },
  collision: "none",
  height: 700,
  width: 600,
  minWidth: 600,
  resizable: true,
  alsoResize: '#ticket_paths'
});

It decorates to this:

<div id="ticket_dialog" data-tooltip="Ticket Details" class="ui-dialog-content ui-widget-content" data-hasqtip="1395" aria-describedby="qtip-1395" style="width: 135.2%; min-height: 0px; max-height: none; height: 645.6px;">