tracker issue : CF-4200058

select a category, or use search below
(searches all categories and all time range)
Title:

Content duplicated when using Coldfusion.navigate to update nested tabs

| View in Tracker

Status/Resolution/Reason: Closed/Fixed/Fixed

Reporter/Name(from Bugbase): Eric Richardson / Eric Richardson ()

Created: 10/23/2017

Components: AJAX, UI Components

Versions: 2016,11.0,2018

Failure Type: Incorrectly functioning

Found In Build/Fixed In Build: 2016,0,05,303689 / 312415

Priority/Frequency: Normal / All users will encounter

Locale/System: English / Win 2012 Server x64

Vote Count: 0

Problem Description:
When trying to update the content of a nested tab via Coldfusion.navigate() call, the content for all tabs after the first tab will be duplicated.  The first tab will work fine, all subsequent tabs will contain 2 copies of the source that was navigated to.

Steps to Reproduce:
Create a tabs-based cflayout with 1-N tabs, each with source specified and "refreshonactivate=true".  In one of the tabs, create another tabs-based cflayout with at least 2 tabs.  Use coldfusion.navigate to update the source of the tabs in the child cflayout.

Actual Result:
First sub-tab works correctly.  All subsequent sub-tabs contain contain 2 copies of the source content that was specified in coldfusion.navigate() command.

Expected Result:
Each sub-tab updates with one copy of the desired source.

Any Workarounds:
None found yet.

Attachments:

  1. October 23, 2017 00:00:00: firstTab.png
  2. October 23, 2017 00:00:00: subsequent.png

Comments:

I've found other instances where it affects primary tabs (so it's not relegated to just tabs-within-tabs). I have an interface that, on page load, uses coldfusion.navigate to populate tabs. All tabs load correctly except for the second tab, which is duplicated on the initial load. Clicking away from the tab and clicking back fixes the issue. There is no functionality executed on these tab clicks ("refreshonactivate=false"). In looking at the DOM explorer on the problematic tab, I can see the HTML being duplicated. Both are inside of divs with an id of "cf_layoutareatab_{tab title}". The first div only includes that id specification. The second div has that same id, but includes a blank class specification (class="") and inline style attributes of "padding: 10px; width: 100%; overflow: auto"
Comment by Eric R.
210 | November 17, 2017 04:06:38 PM GMT
Attached TestCase
Comment by Manas M.
211 | December 01, 2017 10:37:32 AM GMT