Jquery - Sortable - Drag and drop, dragged element is not visible in IE RSS

• • Reply
  

  Sammy71

  Member

  18 Points

  19 Posts

  Jquery - Sortable - Drag and drop, dragged element is not visible in IE

  Oct 03, 2012 06:37 PM|LINK

  Hi,

  I have two listboxes rendered as ul and am using sortable to drag and drop elements. This control works fine but when I put it on my application page, in IE 8, while dragging the element, dragged element becomes invisible. So, I can drag and drop from one listbox (ul) to other but dragged element is not visible. 

  Here are my css for uls -

  .ulAvailable, .ulSelected
      {
          border: 0px;
          border-bottom:0px;
          border-right:0px;
          height: 300px;
          width: 368px;
          list-style-type: none;
          margin: 1px 0px 1px 16px ;
          overflow-y:scroll;
          padding:0 0 0 0;
          
      }
  
      .commonItem, .dragElement
      {
          vertical-align: top;
          padding: 3px 6px 3px 5px;
          margin: 3px;
          cursor: pointer;
          width: 100%;
          min-width: 275px;
  	    max-width: 325px;
          color:Black;
          position :relative;
          
      }
      
      .itemHighlight
  {
  	
  	vertical-align: middle;
  	padding: 0px 7px 0px 5px;
  	border-top : thin dashed #000000;
  	border-bottom:none;
  	margin: 1px;
  	cursor: pointer;
  	
  	min-width: 255px;
  	max-width: 305px;
  	
  	}
      
    .commonItemSelected
  {
  	background-color: #FFFFC1;
  	vertical-align: middle;
  	padding: 5px 5px 5px 5px;
  	margin: 2px;
  	color: black;
  	min-width: 275px;
  	max-width: 325px;
  	list-style-type: none;
  	position :inherit;
  	top:auto;
  	
  }
       .dragElementSelected
  {
  	background-color: #FFFFC1;
  	vertical-align: top;
  	padding: 5px 5px 5px 5px;
  	margin: 2px;
  	color: black;
  	min-width: 275px;
  	max-width: 325px;
  	list-style-type: none;
  	position :inherit;
  	top:auto;
  }

  
  Thanks.