No scroll bar on infinite Infinite Columns Horizontal Scroll Data Table

Hello,

I have 2 bugs with the “infinite Infinite Columns Horizontal Scroll Data Table”

1) I have no scroll bar on my “Infinite Columns Horizontal Scroll Data Table”

2) I have this error when I try to make it “draggable” when I change the conditional value of “HTML drag table?”

Bug in custom html:
SyntaxError: Identifier ‘slider’ has already been declared
at p (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:2:523)
at Ia (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:3:15882)
at a.fn.init.append (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:3:17153)
at a.fn.init. (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:3:18257)
at S (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:3:398)
at a.fn.init.html (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:3:17935)
at e.fn.html (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:30:114912)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:920477
at UNMANGLED_html_wrap (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:918338)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:920436
at e._run_if_not_destroying (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2065033)
at b.fn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2064903)
at b.run_me (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2491075)
at r.autorun (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2490099)
at e.autorun (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2064886)
at t (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:919824)
at Object.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:921171)
at e.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:1128438)
at t.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:834368)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2074079
at r.autorun_top (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2492311)
at e.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2074047)
at e.initialize_canvas (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2072301)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2072616
at n.with_draw_reason (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2143251)
at e.do_draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2072405)
at e.start_draw_watcher (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2071003)
at e.start_child_drawing (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2072989)
at e.start_draw_watcher (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2071469)
at e.start_child_drawing (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2072989)
at e.start_draw_watcher (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2071469)
at e.create_cell (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:988846)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:1005142
at r.traceSpan (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2299959)
at r.traceSpan (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:105945)
at e.add_cells (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:1005008)
at b.fn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:998498)
at b.run_me (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2491075)
at r.autorun_once (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2492155)
at e.populate_data (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:998272)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:1005703
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2052597
at r.autorun_top (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2492311)
at e._update_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2052563)
at e._update_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2052681)
at e._update_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2052681)
at e._update_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2052681)
at e._update_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2052681)
at e._update_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2052681)
at e.is_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2053843)
at e.wait_for_visible_lite (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2054013)
at y.fn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:834241)
at y.notify (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2502788)
at M._was_updated (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2501925)
at M._dec (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2505115)
at M.notify (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2505525)
at v._was_updated (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2501925)
at v.turn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2503648)
at e.mark_skeleton_ready (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2056839)
at e.create_skeleton (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2069280)
at e.create_child_skeletons (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2069862)
at e.create_skeleton (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2069250)
at e.create_child_skeletons (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2069862)
at e.create_skeleton (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2069250)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:103004
at r.traceSpan (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2299959)
at r.traceSpan (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:105945)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:102790
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:103044
at n.measure_initial_draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2143716)
at _.ElementService.display (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:102755)
at d (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2585711)
at y.fn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2584948)
at y.notify (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2502788)
at M._was_updated (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2501925)
at M._dec (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2505115)
at M.notify (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2505525)
at v._was_updated (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2501925)
at v.turn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2503648)
at HTMLDocument. (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:6:2583562)
at j (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:2:29948)
at k (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/f50efeb705c96f28160da466c80925edf468ad51fdbc7e6eb8bae0e6afb0c74e/xfalse/x17/run_debug.js:2:30262)
at root (https://grow-in.bubbleapps.io/version-test/test?debug_mode=true&tab=home:1:1)

Hello @evodev

On your first point:

The different browser treat the scrollbars differently (you’ll notice that they are formatted different based on the browser you use and computer - chrome vs. safari vs. ie vs. mozilla vs. ios vs. pc).

On portal pages, Canvas has a piece of code that removes and hides the scroll bars from Chrome.

Removing the script from the header field on the page should make the scroll bars on the page visible again:

::-webkit-scrollbar { width: 0px; height: 0px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: transparent; } ::-webkit-scrollbar-thumb:active { background: transparent; } ::-webkit-scrollbar-track { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; }

On point 2:

There may be Canvas html code that may be causing a conflict.

Canvas offers only one drag and drop repeating group which may be found here:

Thanks a lot for your help @cmarchan
We will check it and come back to share when it solved

1 Like