Uploaded image for project: '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

    Details

    • Type: Bug Fix
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: 2.6
    • Security Level: Public (Public: Anyone can view)
    • Labels:
    • Rice Team:
      Framework
    • Rice Module:
      KRAD
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required
    • Code Review Status:
      Not Required
    • Include in Release Notes?:
      Yes

      Description

      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>
          <property name="control">
              <bean parent="Uif-TextControl"/>
          </property>
      </bean>
      

      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.

        Attachments

          Issue Links

            Activity

            There are no comments yet on this issue.

              People

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

                Dates

                • Created:
                  Updated: