[KULRICE-13957] Tooltips on input fields with left label cause the input to slip under the label Created: 17/Oct/14  Updated: 16/Jan/15

Status: Open
Project: Kuali Rice Development
Component/s: Development, User Experience (UX)
Affects Version/s: None
Fix Version/s: 2.6
Security Level: Public (Public: Anyone can view)

Type: Bug Fix Priority: Minor
Reporter: Kristina Taylor (Inactive) Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: Old
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Discovered
discovered by KULRICE-13259 Widgets tooltip help not displayed co... Closed
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: 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.


Generated at Thu Jun 04 13:03:10 CDT 2020 using JIRA 6.1.5#6160-sha1:a61a0fc278117a0da0ec9b89167b8f29b6afdab2.