Kuali Rice Development
  1. Kuali Rice Development
  2. KULRICE-13957

Tooltips on input fields with left label cause the input to slip under the label


    • Type: Bug Fix Bug Fix
    • Status: Open Open
    • Priority: Minor Minor
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: 2.6
    • Security Level: Public (Public: Anyone can view)
    • Labels:
    • Similar issues:
      KULRICE-12916Add back option for left label with input fields
      KULRICE-10606KRAD Kitchen Sink Input Field labels are not rendering on the left correctly
      KULRICE-12378Rice sampleapp KRAD Kitchen Sink Input Fields Text Controls Right and Left labels are on top
      KULRICE-10933Input field validation tooltips displays twice in lightbox
      KULRICE-7602Dialog Response HTML inputs have same id
      KULRICE-8699Input element separated from label on wrap
      KULRICE-5853Need wrapper around input attribute and constraint text so constraint text stays aligned to input field
      KULRICE-13404Fill AFT Gap: Kitchen Sink: Input Fields (part 2)
      KULRICE-5842All lookup, inquiry, help icon and other controls associated with an input field should be contained in <fieldset> tags with their input field, with the legend of the fieldset equal to the input field's label
      KULRICE-7204Positioning problems with 2nd un-labeled field in kitchen sink on input fields page
    • Rice Team:
    • Rice Module:
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required
    • Code Review Status:
      Not Required
    • Include in Release Notes?:


      While working on KULRICE-13259, I noticed that whenever I have

      <bean id="Demo-Help-Field2" parent="Uif-InputField" p:labelLeft="true" p:propertyName="inputField2">
          <property name="help">
              <bean parent="Uif-Help"/>
          <property name="control">
              <bean parent="Uif-TextControl"/>

      with labelLeft, whenever I hover over the label, the input box will move from to the right of the label to underneath it. I suspect this is because of the default tooltip behavior from bootstrap.js:

      css({ top: 0, left: 0, display: 'block' })

      Normally, when we have a uif-labelLeft, we have display: inline-block; and when the tooltip shows up, it wipes out that CSS. It may be that we have to put some custom behavior in there to change the display when we have a left label.

        Issue Links


          There are no comments yet on this issue.


            • Assignee:
              Kristina Taylor (Inactive)
            • Votes:
              0 Vote for this issue
              1 Start watching this issue


              • Created:

                Structure Helper Panel