Hi,
I am trying to have rich:toolTip inside a list shuttle. The problem is data is displayed out of rich:toolTip panel horizontally when data exceeds a line.
Here is my code:

<rich:listShuttle
 rendered="#{not empty statusMail.todaysTimesheets}"
 sourceValue="#{statusMail.todaysTimesheets}"
 targetValue="#{statusMail.selectedTimesheets}"
 var="ts"
 listsHeight="200" listsWidth="500"
 sourceListWidth="250"
 targetListWidth="250"
 sourceCaptionLabel="Time Sheets"
 targetCaptionLabel="To Be Attached to the Mail"
 copyControlLabel="Copy"
 copyAllControlLabel="Copy All"
 removeAllControlLabel="Remove All"
 removeControlLabel="Remove"
 converter="#{Converter}"
 immediate="true">
 <rich:column>
 <f:facet name="header">ID</f:facet>
 <h:outputText value="#{ts.workLog.issues.issueId}"></h:outputText>
 </rich:column>
 <rich:column>
 <f:facet name="header">Date</f:facet>
 <h:outputText value="#{ts.timesheetDate}"></h:outputText>
 </rich:column>

 <rich:column >
 <f:facet name="header">Comment</f:facet>
 <h:outputText id="desc" value="#{ts.comment.}"/>
 <rich:toolTip for="desc"
 direction="top-right"
 styleClass="tooltip-description">#{ts.comment}
 </rich:toolTip>
 </rich:column>
 <s:convertEntity/>
 </rich:listShuttle>