Menu icon Foundation
Links not clickable in DropDown

Hello,

Has anyone experienced the anchor links within the Foundation dropdown not actionable. If you visit http://profiles.utsouthwestern.edu/ and click on UT Southwestern Sites in the header the links don't do anything, unless you right-click or option click and select open in a new tab/window.

I have looked at the console and checked for any invisible overlays with no luck. This has to be one of the strangest issues I have ever experienced.

Any options or solutions?

Thank you in advance

    <div class="tiny button secondary dropdown" aria-expanded="false" data-dropdown="siteLinks">
                <span aria-labelled="">UT Southwestern Sites</span>
                <ul class="small f-dropdown" id="siteLinks" aria-hidden="true" style="left: -99999px; top: 22px; position: absolute;" data-dropdown-content="">
                <li>
                    <a href="http://www.utsouthwestern.edu/careers/index.html" target="">
                        <span class="view-title orange-right">Careers</span>
                        <span class="view-description">Explore current job openings, grouped by function.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://www.utsouthwestern.net" target="">
                        <span class="view-title orange-right">Employees &amp; Students</span>
                        <span class="view-description">UT Southwestern's intranet (myUTSW) - our primary resource for existing students, faculty, and staff.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://www.utsouthwestern.edu/labs/" target="">
                        <span class="view-title orange-right">Research Labs</span>
                        <span class="view-description">Visit the lab websites of our physicians and scientists to discover their latest research.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://library.utsouthwestern.edu" target="">
                        <span class="view-title orange-right">Library</span>
                        <span class="view-description">Step through this portal to enter our Library - home to thousands of journals, books, and other resources.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://www.utsouthwestern.edu" target="">
                        <span class="view-title orange-right">UT Southwestern Main</span>
                        <span class="view-description">Learn how UTSW addresses its three missions – education, research, and patient care – on our main external website.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://www.utswmedicine.org/" target="">
                        <span class="view-title orange-right">UTSW Medicine</span>
                        <span class="view-description">For patients, with information on our clinical care and resources, along with general health information.</span>
                    </a>
                </li>
            <li class="divider"></li>
                </ul>
            </div>        

         

f-dropdowndropdownlinksBrokenissues

Hello,

Has anyone experienced the anchor links within the Foundation dropdown not actionable. If you visit http://profiles.utsouthwestern.edu/ and click on UT Southwestern Sites in the header the links don't do anything, unless you right-click or option click and select open in a new tab/window.

I have looked at the console and checked for any invisible overlays with no luck. This has to be one of the strangest issues I have ever experienced.

Any options or solutions?

Thank you in advance

    <div class="tiny button secondary dropdown" aria-expanded="false" data-dropdown="siteLinks">
                <span aria-labelled="">UT Southwestern Sites</span>
                <ul class="small f-dropdown" id="siteLinks" aria-hidden="true" style="left: -99999px; top: 22px; position: absolute;" data-dropdown-content="">
                <li>
                    <a href="http://www.utsouthwestern.edu/careers/index.html" target="">
                        <span class="view-title orange-right">Careers</span>
                        <span class="view-description">Explore current job openings, grouped by function.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://www.utsouthwestern.net" target="">
                        <span class="view-title orange-right">Employees &amp; Students</span>
                        <span class="view-description">UT Southwestern's intranet (myUTSW) - our primary resource for existing students, faculty, and staff.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://www.utsouthwestern.edu/labs/" target="">
                        <span class="view-title orange-right">Research Labs</span>
                        <span class="view-description">Visit the lab websites of our physicians and scientists to discover their latest research.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://library.utsouthwestern.edu" target="">
                        <span class="view-title orange-right">Library</span>
                        <span class="view-description">Step through this portal to enter our Library - home to thousands of journals, books, and other resources.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://www.utsouthwestern.edu" target="">
                        <span class="view-title orange-right">UT Southwestern Main</span>
                        <span class="view-description">Learn how UTSW addresses its three missions – education, research, and patient care – on our main external website.</span>
                    </a>
                </li>
            <li class="divider"></li>
                <li>
                    <a href="http://www.utswmedicine.org/" target="">
                        <span class="view-title orange-right">UTSW Medicine</span>
                        <span class="view-description">For patients, with information on our clinical care and resources, along with general health information.</span>
                    </a>
                </li>
            <li class="divider"></li>
                </ul>
            </div>        

         
Rafi Benkual about 5 years ago

You are wrapping the dropdown in the dropdown button.

If you add the closing </div> tag after dropdown text span it works:

<div class="tiny button secondary dropdown" data-dropdown="siteLinks">
                <span aria-labelled="">UT Southwestern Sites</span></div>

Glenn Philp about 5 years ago

So simple, thank you for seeing my oversight. :-)