appsmith icon indicating copy to clipboard operation
appsmith copied to clipboard
verified publisher icon appsmithorg

[Bug]: Automatically set focus when adding a new row to a table widget

Open samiphoenix84 opened this issue 1 year ago • 19 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

Description

When adding a new row to a table, it would be useful if the focus was automatically set to the first editable field of the new row. This will avoid the need for the user to manually click on the input, providing a more intuitive user interface.

Steps To Reproduce

Create a table widget. Connect to a datasource Allow adding new rows Click 'Add new Row'

Public Sample App

No response

Environment

Production

Severity

Low (Cosmetic UI issues)

Issue video log

No response

Version

Cloud

samiphoenix84 avatar Oct 14 '24 09:10 samiphoenix84

Hello @Nikhil-Nandagopal , I'm interested in picking up this issue.

prasad-madine avatar Oct 16 '24 04:10 prasad-madine

@PrasadMadine sure, go ahead

rahulbarwal avatar Oct 16 '24 12:10 rahulbarwal

Hi @rahulbarwal , Since the InlineCellEditor of PlainTextCell is re-rendering for every editable column of new added row the auto focus is being catched at the last cell rather than first cell.

image

prasad-madine avatar Oct 24 '24 11:10 prasad-madine

That would not be correct experience. Instead of autofocus, why not force focus into the very first column we know to be editable. Note: this should happen only when user clicks on Add new row, after that user is free to put focus anywhere.

rahulbarwal avatar Oct 25 '24 04:10 rahulbarwal

HI @rahulbarwal , can I work on this issue?

SamC1832js avatar Feb 03 '25 23:02 SamC1832js

@SamC1832js thanks for your interest in contributing! Please feel free to go ahead.

rahulbarwal avatar Feb 05 '25 03:02 rahulbarwal

@rahulbarwal Hi repo maintainer, can you help me out?

I ran into an issue during the local environment setup. On dev.appsmith.com, I couldn't connect to any data source. Here's a checklist of what I've done so far:

Checklist

Client

  • WSL2: Yes
  • Node.js: 20.11.1 (Yes)
  • Docker Desktop: Yes
  • WSL Distro: Yes
  • Enable integration with the WSL Distro in Docker Desktop: Yes
  • Install Remote-WSL extension in VSCode: Yes

Within WSL

  • Repo cloned: Yes
  • mkcert: Yes
  • envsubst: Yes
  • Yarn installed as a global npm package: Yes
  • Local HTTPS certificates: Yes
  • Backend server using Docker image: Yes
  • Build & run the code using Yarn: Yes

Issue

I can't use the predefined mock data (Movies and Users). When I try, I get the following error:

You do not have access to this environment. Please contact your workspace administrator to gain access

Console Log

Here’s the console log with the error:

SyntaxError: Unexpected token (1:0) (at acorn.mjs:3640:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$4.raise (acorn.mjs:3640:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$9.unexpected (acorn.mjs:766:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$5.parseExprAtomDefault (acorn.mjs:2984:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$5.parseExprAtom (acorn.mjs:2979:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$5.parseExprSubscripts (acorn.mjs:2763:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$5.parseMaybeUnary (acorn.mjs:2721:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$5.parseExprOps (acorn.mjs:2649:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$5.parseMaybeConditional (acorn.mjs:2632:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$5.parseMaybeAssign (acorn.mjs:2599:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$5.parseExpression (acorn.mjs:2562:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$8.parseStatement (acorn.mjs:956:1)
    at __webpack_modules__../packages/ast/node_modules/acorn/dist/acorn.mjs.pp$8.parseTopLevel (acorn.mjs:823:1)
    at Parser.parse (acorn.mjs:595:1)
    at Function.parse (acorn.mjs:645:1)
    at parse (acorn.mjs:6127:1)
    at PeekOverlayExpressionIdentifier.updateScript (index.ts:27:1)
    at new PeekOverlayExpressionIdentifier (index.ts:18:1)
    at new CodeEditor (index.tsx:325:1)
    at constructClassInstance (react-dom.development.js:12716:1)
    at updateClassComponent (react-dom.development.js:17425:1)
    at beginWork (react-dom.development.js:19073:1)
    at beginWork$1 (react-dom.development.js:23940:1)
    at performUnitOfWork (react-dom.development.js:22776:1)
    at workLoopSync (react-dom.development.js:22707:1)
    at renderRootSync (react-dom.development.js:22670:1)
    at performSyncWorkOnRoot (react-dom.development.js:22293:1)
    at react-dom.development.js:11327:1
    at unstable_runWithPriority (scheduler.development.js:468:1)
    at runWithPriority$1 (react-dom.development.js:11276:1)
    at flushSyncCallbackQueueImpl (react-dom.development.js:11322:1)
    at flushSyncCallbackQueue (react-dom.development.js:11309:1)
    at scheduleUpdateOnFiber (react-dom.development.js:21893:1)
    at dispatchAction (react-dom.development.js:16139:1)
    at index.tsx:193:1
    at index.tsx:110:1
    at Array.forEach (<anonymous>)
    at LazyCodeEditorStateMachine._callee$ (index.tsx:110:1)
    at tryCatch (regeneratorRuntime.js:45:1)
    at Generator.<anonymous> (regeneratorRuntime.js:133:1)
    at Generator.next (regeneratorRuntime.js:74:1)
    at asyncGeneratorStep (asyncToGenerator.js:3:1)
    at _next (asyncToGenerator.js:17:1)
    at asyncToGenerator.js:22:1
    at new ZoneAwarePromise (zone.js:2701:1)
    at LazyCodeEditorStateMachine.<anonymous> (asyncToGenerator.js:14:1)
    at LazyCodeEditorStateMachine.handleStateChange (index.tsx:160:1)
    at LazyCodeEditorStateMachine.transition (index.tsx:105:1)
    at idleCallbackId.window.requestIdleCallback.timeout (index.tsx:142:1)
updateScript @ index.ts:33
PeekOverlayExpressionIdentifier @ index.ts:18
CodeEditor @ index.tsx:325
constructClassInstance @ react-dom.development.js:12716
updateClassComponent @ react-dom.development.js:17425
beginWork @ react-dom.development.js:19073
beginWork$1 @ react-dom.development.js:23940
performUnitOfWork @ react-dom.development.js:22776
workLoopSync @ react-dom.development.js:22707
renderRootSync @ react-dom.development.js:22670
performSyncWorkOnRoot @ react-dom.development.js:22293
(anonymous) @ react-dom.development.js:11327
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushSyncCallbackQueueImpl @ react-dom.development.js:11322
flushSyncCallbackQueue @ react-dom.development.js:11309
scheduleUpdateOnFiber @ react-dom.development.js:21893
dispatchAction @ react-dom.development.js:16139
(anonymous) @ index.tsx:193
(anonymous) @ index.tsx:110
_callee$ @ index.tsx:110
tryCatch @ regeneratorRuntime.js:45
(anonymous) @ regeneratorRuntime.js:133
(anonymous) @ regeneratorRuntime.js:74
asyncGeneratorStep @ asyncToGenerator.js:3
_next @ asyncToGenerator.js:17
(anonymous) @ asyncToGenerator.js:22
ZoneAwarePromise @ zone.js:2701
(anonymous) @ asyncToGenerator.js:14
handleStateChange @ index.tsx:160
transition @ index.tsx:105
idleCallbackId.window.requestIdleCallback.timeout @ index.tsx:142
react-dom.development.js:67 Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>.
    at p
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at p
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at Trigger (https://dev.appsmith.com/static/js/bundle.js:469231:92)
    at Tooltip (https://dev.appsmith.com/static/js/bundle.js:468348:32)
    at Tooltip (https://dev.appsmith.com/static/js/bundle.js:22110:24)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at TableOrSpreadsheetDropdown (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:36260:108)
    at CommonControls
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at WidgetQueryGeneratorForm (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:39065:75)
    at OneClickBindingControl (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:47749:145)
    at div
    at AnalyticsHOC (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:127334:147)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:123167:75
    at div
    at div
    at div
    at Collapse (https://dev.appsmith.com/static/js/bundle.js:314987:43)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:125695:74
    at PropertyControlsGenerator (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:124069:77)
    at div
    at https://dev.appsmith.com/static/js/bundle.js:380261:25
    at $921a889cee6df7e8$export$99c2b779aa4e8b8b (https://dev.appsmith.com/static/js/bundle.js:380079:23)
    at https://dev.appsmith.com/static/js/bundle.js:380942:27
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at TabPanel (https://dev.appsmith.com/static/js/bundle.js:20335:25)
    at div
    at https://dev.appsmith.com/static/js/bundle.js:380261:25
    at Provider (https://dev.appsmith.com/static/js/bundle.js:376182:25)
    at https://dev.appsmith.com/static/js/bundle.js:380818:27
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at Tabs (https://dev.appsmith.com/static/js/bundle.js:20269:25)
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at PropertyPaneTab (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:124843:74)
    at div
    at div
    at PropertyPaneView (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:125280:74)
    at div
    at PanelView (https://dev.appsmith.com/static/js/bundle.js:321411:43)
    at Transition (https://dev.appsmith.com/static/js/bundle.js:330536:30)
    at CSSTransition (https://dev.appsmith.com/static/js/bundle.js:330011:35)
    at div
    at TransitionGroup (https://dev.appsmith.com/static/js/bundle.js:331033:30)
    at PanelStack (https://dev.appsmith.com/static/js/bundle.js:321257:43)
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at div
    at PropertyPane (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:125941:81)
    at div
    at div
    at div
    at https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:33861:65
    at Profiler (https://dev.appsmith.com/static/js/bundle.js:396858:24)
    at profiler(PropertyPaneSidebar)
    at PropertyPaneWrapper
    at Route (https://dev.appsmith.com/static/js/bundle.js:509332:29)
    at sentryRoute(Route)
    at RightPane (https://dev.appsmith.com/static/js/editor.chunk.js:20899:83)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at EditorWrapperContainer (https://dev.appsmith.com/static/js/editor.chunk.js:22844:23)
    at https://dev.appsmith.com/static/js/editor.chunk.js:19111:114
    at IDE (https://dev.appsmith.com/static/js/editor.chunk.js:21146:86)
    at div
    at HotkeysTargetClass (https://dev.appsmith.com/static/js/bundle.js:319138:45)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at HotKeysHOC (https://dev.appsmith.com/static/js/editor.chunk.js:14404:93)
    at GitContextProvider (https://dev.appsmith.com/static/js/bundle.js:149640:28)
    at GitApplicationContextProvider (https://dev.appsmith.com/static/js/bundle.js:117360:23)
    at div
    at Fe (https://dev.appsmith.com/static/js/bundle.js:532578:60)
    at Editor (https://dev.appsmith.com/static/js/editor.chunk.js:27466:145)
    at Profiler (https://dev.appsmith.com/static/js/bundle.js:396858:24)
    at profiler(Editor)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at C (https://dev.appsmith.com/static/js/bundle.js:509551:37)
    at EditorLoader (https://dev.appsmith.com/static/js/bundle.js:207867:145)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at Route (https://dev.appsmith.com/static/js/bundle.js:509332:29)
    at sentryRoute(Route)
    at Switch (https://dev.appsmith.com/static/js/bundle.js:509503:29)
    at Routes (https://dev.appsmith.com/static/js/bundle.js:63103:71)
    at Walkthrough (https://dev.appsmith.com/static/js/bundle.js:111640:24)
    at Suspense
    at Router (https://dev.appsmith.com/static/js/bundle.js:509014:30)
    at AppRouter (https://dev.appsmith.com/static/js/bundle.js:63307:76)
    at AppErrorBoundary (https://dev.appsmith.com/static/js/bundle.js:45866:145)
    at Fe (https://dev.appsmith.com/static/js/bundle.js:532578:60)
    at ThemedApp (https://dev.appsmith.com/static/js/bundle.js:171076:145)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at Provider (https://dev.appsmith.com/static/js/bundle.js:503295:20)
    at FaroErrorBoundary (https://dev.appsmith.com/static/js/bundle.js:344730:145)

Additional Warning

There’s also a warning in the console:

react-dom.development.js:67 Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>.

Request for Help

Could you please help me debug this issue? Let me know if you need any additional information or logs.

SamC1832js avatar Feb 08 '25 00:02 SamC1832js

@SamC1832js Thanks for taking effort to try and solve this problem. Can you please share a screenshot of where exactly do you get this error and what were the steps before you got this error.

cc: @NilanshBansal Is there anything we can do to help Sam here?

rahulbarwal avatar Feb 10 '25 04:02 rahulbarwal

@rahulbarwal this seems to be some permission issue related to multiple environments. @manish535 can you please help here?

NilanshBansal avatar Feb 10 '25 10:02 NilanshBansal

@rahulbarwal I followed the steup Running the Client These are my steps for setup and before I got this error.

Setup Steps

  1. Windows WSL2 Setup:

    • Installed WSL2 (Ubuntu distro).
    • Docker Desktop configured with WSL2 backend.

  2. Prerequisites:

    • Node.js 20.11.1 installed in WSL.
    • mkcert and envsubst configured.
    • Cloned the repo in WSL filesystem.

  3. Local HTTPS Certificates:

    • Ran: 
      cd app/client/docker && mkcert -install && mkcert "*.appsmith.com"
    • Added dev.appsmith.com to /etc/hosts.

  4. Backend Server:

    • Use Appsmith's staging server hosted at https://release.app.appsmith.com for development purposes
    • Started nginx container with server name argument: 
      ./start-https.sh https://release.app.appsmith.com

  5. Build & Run:

    • Ran yarn install, echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p, and yarn start.

Error Context

Steps Leading to Error:

  1. Opened https://dev.appsmith.com .
  2. Choose any workspace
  3. Create new application
  4. Edit application
  5. Create Widget -> get the error index.ts:33 SyntaxError: Unexpected token (1:0) (at acorn.mjs:3640:1)
  6. Tried connecting to Movies or Users mock data. -> get the warning react-dom.development.js:67 Warning: validateDOMNesting(...):

    cannot appear as a descendant of

    .

  7. Access error under Data on Right Panel: You do not have access to this environment. Please contact your workspace administrator to gain access

Screenshot:
You do not have access to this environment. Please contact your workspace administrator to gain access Docker running Appsmith server & nginx

Link to video:
Video for Access error under Data on Right Panel

Full console log & summary:

1. Initial Load & Application Creation

loader.tsx:32 Warning: componentWillMount has been renamed...
ReducerUtils.ts:47 The return value does not contain any draft...
ApplicationSagas.tsx:644 Warning: Function components cannot be given refs...
WorkerUtil.ts:321 Main SETUP took 49ms
WorkerUtil.ts:327  Worker SETUP took 3ms
WorkerUtil.ts:328  Transfer SETUP took 46ms
index.tsx:92 Widget registration took: 8.400000005960464 ms
// ... other initialization logs ...
Home page -> create application -> go into application edit page 
ApplicationSagas.tsx:644 Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Check the render method of `Styled(Component)`.
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at Trigger (https://dev.appsmith.com/static/js/bundle.js:469231:92)
    at Tooltip (https://dev.appsmith.com/static/js/bundle.js:468348:32)
    at Tooltip (https://dev.appsmith.com/static/js/bundle.js:22110:24)
    at AppsmithLink (https://dev.appsmith.com/static/js/bundle.js:192979:73)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at Box (https://dev.appsmith.com/static/js/bundle.js:9242:23)
    at Flex (https://dev.appsmith.com/static/js/bundle.js:10819:23)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at Box (https://dev.appsmith.com/static/js/bundle.js:9242:23)
    at Flex (https://dev.appsmith.com/static/js/bundle.js:10819:23)
    at Left (https://dev.appsmith.com/static/js/bundle.js:21074:23)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at Box (https://dev.appsmith.com/static/js/bundle.js:9242:23)
    at Flex (https://dev.appsmith.com/static/js/bundle.js:10819:23)
    at IDEHeader (https://dev.appsmith.com/static/js/bundle.js:21127:21)
    at GitContextProvider (https://dev.appsmith.com/static/js/bundle.js:149640:28)
    at GitApplicationContextProvider (https://dev.appsmith.com/static/js/bundle.js:117360:23)
    at Header (https://dev.appsmith.com/static/js/bundle.js:202966:74)
    at Route (https://dev.appsmith.com/static/js/bundle.js:509332:29)
    at Switch (https://dev.appsmith.com/static/js/bundle.js:509503:29)
    at Routes
    at Switch (https://dev.appsmith.com/static/js/bundle.js:509503:29)
    at Routes
    at AppHeader (https://dev.appsmith.com/static/js/bundle.js:131925:145)
    at C (https://dev.appsmith.com/static/js/bundle.js:509551:37)
    at Walkthrough (https://dev.appsmith.com/static/js/bundle.js:111640:24)
    at Suspense
    at Router (https://dev.appsmith.com/static/js/bundle.js:509014:30)
    at AppRouter (https://dev.appsmith.com/static/js/bundle.js:63307:76)
    at AppErrorBoundary (https://dev.appsmith.com/static/js/bundle.js:45866:145)
    at Fe (https://dev.appsmith.com/static/js/bundle.js:532578:60)
    at ThemedApp (https://dev.appsmith.com/static/js/bundle.js:171076:145)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at Provider (https://dev.appsmith.com/static/js/bundle.js:503295:20)
    at FaroErrorBoundary (https://dev.appsmith.com/static/js/bundle.js:344730:145)
    at App
WorkerUtil.ts:321 Main SETUP took 46ms
WorkerUtil.ts:327  Worker SETUP took 6ms
WorkerUtil.ts:328  Transfer SETUP took 40ms
index.tsx:92 Widget registration took:  9.599999994039536 ms
3
ReducerUtils.ts:47 The return value does not contain any draft, please use 'rawReturn()' to wrap the return value to improve performance.
WorkerUtil.ts:321 Main LOAD_LIBRARIES took 23ms
WorkerUtil.ts:321 Main SET_EVALUATION_VERSION took 24ms
WorkerUtil.ts:321 Main CLEAR_CACHE took 20ms
ReducerUtils.ts:47 The return value does not contain any draft, please use 'rawReturn()' to wrap the return value to improve performance.
3
ReducerUtils.ts:47 The return value does not contain any draft, please use 'rawReturn()' to wrap the return value to improve performance.
layoutTree.ts:42 Auto Height: Tree generation time taken: 0.29999998211860657 ms
layoutTree.ts:42 Auto Height: Tree generation time taken: 0.09999999403953552 ms
containers.ts:172 Auto Height: Container Updates 
{updates: {…}}
containers.ts:187 Auto height: Container computations time taken: 0.699999988079071 ms
EvaluationsSaga.ts:701 
{action: {…}, triggeredLinting: true, triggeredEvaluation: true}
EvaluationsSaga.ts:264 
{unevalTree: {…}, configTree: {…}}
AppEditorEngine.ts:313 There was an error setting the latest git branch in local - userEmail: true, applicationId: 3465e74e-899f-4ef5-829d-ae35a814dedf, branch: null
WorkerUtil.ts:321 Main UPDATE_LINT_GLOBALS took 114ms
WorkerUtil.ts:321 Main LINT_TREE took 27ms
WorkerUtil.ts:327  Worker LINT_TREE took 4ms
WorkerUtil.ts:328  Transfer LINT_TREE took 23ms
LintingSagas.ts:127 
{lintTime: '28.40 ms'}
WorkerUtil.ts:321 Main EVAL_TREE took 32ms
WorkerUtil.ts:327  Worker EVAL_TREE took 8ms
WorkerUtil.ts:328  Transfer EVAL_TREE took 24ms
EvaluationsSaga.ts:178 
{evalMetaUpdatesLength: 0}
EvaluationsSaga.ts:182 
{jsUpdates: {…}}
EvaluationsSaga.ts:183 
{dataTree: {…}}
EvaluationsSaga.ts:186 
{timeTakenForSetupFirstTree: {…}, dependencies: {…}, inverseDependencies: {…}}
EvaluationsSaga.ts:186 
{timeTakenForEvalAndValidateFirstTree: {…}}
PostEvaluationSagas.ts:256 Tern 
{updates: Array(0)}
PostEvaluationSagas.ts:257 Tern definitions updated took  1.20
layoutTree.ts:42 Auto Height: Tree generation time taken: 0.09999999403953552 ms
widgets.ts:119 Auto Height: updates to process 
{updates: {…}}
widgets.ts:599 Auto height: Widgets to update: 
{widgetsToUpdate: {…}}
widgets.ts:666 Dynamic Height: Overall time taken:  1.4000000059604645 ms
layoutTree.ts:42 Auto Height: Tree generation time taken: 0 ms
layoutTree.ts:42 Auto Height: Tree generation time taken: 0 ms
containers.ts:172 Auto Height: Container Updates 
{updates: {…}}
containers.ts:187 Auto height: Container computations time taken: 1.0999999940395355 ms
layoutTree.ts:42 Auto Height: Tree generation time taken: 0 ms
widgets.ts:119 Auto Height: updates to process 
{updates: {…}}
widgets.ts:599 Auto height: Widgets to update: 
{widgetsToUpdate: {…}}
widgets.ts:666 Dynamic Height: Overall time taken:  0.9000000059604645 ms

2. Table Widget Creation

EvaluationsSaga.ts:701 {action: {…}, triggeredLinting: true, triggeredEvaluation: true}
index.ts:33 SyntaxError: Unexpected token (1:0) (at acorn.mjs:3640:1)
Create table widget and focus on the table widget 
ReducerUtils.ts:47 The return value does not contain any draft, please use 'rawReturn()' to wrap the return value to improve performance.
EvaluationsSaga.ts:701 
{action: {…}, triggeredLinting: true, triggeredEvaluation: true}
EvaluationsSaga.ts:264 
{unevalTree: {…}, configTree: {…}}
layoutTree.ts:42 Auto Height: Tree generation time taken: 0.29999998211860657 ms
WidgetAdditionSagas.ts:436 add child computations took 10.599999994039536 ms
layoutTree.ts:42 Auto Height: Tree generation time taken: 0.09999999403953552 ms
containers.ts:172 Auto Height: Container Updates 
{updates: {…}}
containers.ts:187 Auto height: Container computations time taken: 0.7999999821186066 ms
WorkerUtil.ts:321 Main EVAL_TREE took 147ms
WorkerUtil.ts:327  Worker EVAL_TREE took 51ms
WorkerUtil.ts:328  Transfer EVAL_TREE took 96ms
EvaluationsSaga.ts:178 
{evalMetaUpdatesLength: 3}
EvaluationsSaga.ts:182 
{jsUpdates: {…}}
EvaluationsSaga.ts:183 
{dataTree: {…}}
EvaluationsSaga.ts:186 
{diffCalcDeps: '34.30', updateChangedDependencies: '1.60 ms'}
EvaluationsSaga.ts:186 
{sortedDependencies: Array(53), inverseDependencies: {…}, updatedDependencies: {…}, evaluationOrder: Array(63)}
EvaluationsSaga.ts:186 
{timeTakenForSetupUpdateTree: {…}}
EvaluationsSaga.ts:186 
{differences: Array(3), translatedDiffs: Array(3)}
EvaluationsSaga.ts:186 
{timeTakenForEvalAndValidateSubTree: {…}}
EvaluationsSaga.ts:186 
{log: 'replay updating', updateTime: '1.199999988079071 ms'}
PostEvaluationSagas.ts:256 Tern 
{updates: Array(3)}
PostEvaluationSagas.ts:257 Tern definitions updated took  1.00
WorkerUtil.ts:321 Main LINT_TREE took 355ms
WorkerUtil.ts:327  Worker LINT_TREE took 103ms
WorkerUtil.ts:328  Transfer LINT_TREE took 252ms
LintingSagas.ts:127 
{lintTime: '372.90 ms'}
layoutTree.ts:42 Auto Height: Tree generation time taken: 0.09999999403953552 ms
widgets.ts:119 Auto Height: updates to process 
{updates: {…}}
widgets.ts:599 Auto height: Widgets to update: 
{widgetsToUpdate: {…}}
widgets.ts:666 Dynamic Height: Overall time taken:  1.199999988079071 ms
13
Switch.tsx:22 If you do not provide children, you must specify an aria-label for accessibility
index.ts:33 SyntaxError: Unexpected token (1:0) (at acorn.mjs:3640:1)
    at PeekOverlayExpressionIdentifier.updateScript (index.ts:27:1)
    at new PeekOverlayExpressionIdentifier (index.ts:18:1)
    at new CodeEditor (index.tsx:325:1)
    at index.tsx:193:1
    at index.tsx:110:1
    at Array.forEach (<anonymous>)
    at LazyCodeEditorStateMachine._callee$ (index.tsx:110:1)
    at LazyCodeEditorStateMachine.handleStateChange (index.tsx:160:1)
    at LazyCodeEditorStateMachine.transition (index.tsx:105:1)
    at idleCallbackId.window.requestIdleCallback.timeout (index.tsx:142:1)

3. Data Source Selection

react-dom.development.js:67 Warning: validateDOMNesting(...): <p> cannot appear as descendant of <p>
Press Connect data within table widget -> select datasource -> predefined Users or Movies 
If you do not provide children, you must specify an aria-label for accessibility
$d2c8e2b0480f3f34$export$cbe85ee05b554577 @ useToggle.ts:63
$b418ec0c85c52f27$export$d853f7095ae95f88 @ useSwitch.ts:42
Switch @ Switch.tsx:22
renderWithHooks @ react-dom.development.js:14985
updateFunctionComponent @ react-dom.development.js:17356
beginWork @ react-dom.development.js:19063
beginWork$1 @ react-dom.development.js:23940
performUnitOfWork @ react-dom.development.js:22776
workLoopSync @ react-dom.development.js:22707
renderRootSync @ react-dom.development.js:22670
performSyncWorkOnRoot @ react-dom.development.js:22293
(anonymous) @ react-dom.development.js:11327
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushSyncCallbackQueueImpl @ react-dom.development.js:11322
flushSyncCallbackQueue @ react-dom.development.js:11309
discreteUpdates$1 @ react-dom.development.js:22420
discreteUpdates @ react-dom.development.js:3756
dispatchDiscreteEvent @ react-dom.development.js:5889
invokeTask @ zone.js:400
runTask @ zone.js:159
invokeTask @ zone.js:483
invokeTask @ zone.js:1138
globalCallback @ zone.js:1169
globalZoneAwareCallback @ zone.js:1202
react-dom.development.js:67 Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>.
    at p
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at p
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at Trigger (https://dev.appsmith.com/static/js/bundle.js:469231:92)
    at Tooltip (https://dev.appsmith.com/static/js/bundle.js:468348:32)
    at Tooltip (https://dev.appsmith.com/static/js/bundle.js:22110:24)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at TableOrSpreadsheetDropdown (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:36260:108)
    at CommonControls
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at WidgetQueryGeneratorForm (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:39065:75)
    at OneClickBindingControl (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:47749:145)
    at div
    at AnalyticsHOC (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:127334:147)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:123167:75
    at div
    at div
    at div
    at Collapse (https://dev.appsmith.com/static/js/bundle.js:314987:43)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:125695:74
    at PropertyControlsGenerator (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:124069:77)
    at div
    at https://dev.appsmith.com/static/js/bundle.js:380261:25
    at $921a889cee6df7e8$export$99c2b779aa4e8b8b (https://dev.appsmith.com/static/js/bundle.js:380079:23)
    at https://dev.appsmith.com/static/js/bundle.js:380942:27
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at TabPanel (https://dev.appsmith.com/static/js/bundle.js:20335:25)
    at div
    at https://dev.appsmith.com/static/js/bundle.js:380261:25
    at Provider (https://dev.appsmith.com/static/js/bundle.js:376182:25)
    at https://dev.appsmith.com/static/js/bundle.js:380818:27
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at Tabs (https://dev.appsmith.com/static/js/bundle.js:20269:25)
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at PropertyPaneTab (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:124843:74)
    at div
    at div
    at PropertyPaneView (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:125280:74)
    at div
    at PanelView (https://dev.appsmith.com/static/js/bundle.js:321411:43)
    at Transition (https://dev.appsmith.com/static/js/bundle.js:330536:30)
    at CSSTransition (https://dev.appsmith.com/static/js/bundle.js:330011:35)
    at div
    at TransitionGroup (https://dev.appsmith.com/static/js/bundle.js:331033:30)
    at PanelStack (https://dev.appsmith.com/static/js/bundle.js:321257:43)
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at div
    at PropertyPane (https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:125941:81)
    at div
    at div
    at div
    at https://dev.appsmith.com/static/js/src_utils_editor_EditorUtils_ts-data_image_svg_xml_3Csvg_width_2748_27_height_2748_27_xmlns_2-f1a7a1.chunk.js:33861:65
    at Profiler (https://dev.appsmith.com/static/js/bundle.js:396858:24)
    at profiler(PropertyPaneSidebar)
    at PropertyPaneWrapper
    at Route (https://dev.appsmith.com/static/js/bundle.js:509332:29)
    at sentryRoute(Route)
    at RightPane (https://dev.appsmith.com/static/js/editor.chunk.js:20899:83)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at div
    at O (https://dev.appsmith.com/static/js/bundle.js:532658:8)
    at EditorWrapperContainer (https://dev.appsmith.com/static/js/editor.chunk.js:22844:23)
    at https://dev.appsmith.com/static/js/editor.chunk.js:19111:114
    at IDE (https://dev.appsmith.com/static/js/editor.chunk.js:21146:86)
    at div
    at HotkeysTargetClass (https://dev.appsmith.com/static/js/bundle.js:319138:45)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at HotKeysHOC (https://dev.appsmith.com/static/js/editor.chunk.js:14404:93)
    at GitContextProvider (https://dev.appsmith.com/static/js/bundle.js:149640:28)
    at GitApplicationContextProvider (https://dev.appsmith.com/static/js/bundle.js:117360:23)
    at div
    at Fe (https://dev.appsmith.com/static/js/bundle.js:532578:60)
    at Editor (https://dev.appsmith.com/static/js/editor.chunk.js:27466:145)
    at Profiler (https://dev.appsmith.com/static/js/bundle.js:396858:24)
    at profiler(Editor)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at C (https://dev.appsmith.com/static/js/bundle.js:509551:37)
    at EditorLoader (https://dev.appsmith.com/static/js/bundle.js:207867:145)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at Route (https://dev.appsmith.com/static/js/bundle.js:509332:29)
    at sentryRoute(Route)
    at Switch (https://dev.appsmith.com/static/js/bundle.js:509503:29)
    at Routes (https://dev.appsmith.com/static/js/bundle.js:63103:71)
    at Walkthrough (https://dev.appsmith.com/static/js/bundle.js:111640:24)
    at Suspense
    at Router (https://dev.appsmith.com/static/js/bundle.js:509014:30)
    at AppRouter (https://dev.appsmith.com/static/js/bundle.js:63307:76)
    at AppErrorBoundary (https://dev.appsmith.com/static/js/bundle.js:45866:145)
    at Fe (https://dev.appsmith.com/static/js/bundle.js:532578:60)
    at ThemedApp (https://dev.appsmith.com/static/js/bundle.js:171076:145)
    at ConnectFunction (https://dev.appsmith.com/static/js/bundle.js:503551:68)
    at Provider (https://dev.appsmith.com/static/js/bundle.js:503295:20)
    at FaroErrorBoundary (https://dev.appsmith.com/static/js/bundle.js:344730:145)
    at App

Let me know if you need more details!

SamC1832js avatar Feb 10 '25 10:02 SamC1832js

@SamC1832js I agree with the problem and someone from the team will help you out.

Nonetheless, I don't think you need to wait for them to start working on the problem.

  • So basically what you can do is enable the JS mode on the table source data and put a random array which will let you work with the table.
  • And then you can go to the settings and allow adding new row which will let you play with the bug at least.
{{ [ {a:1, b: 2, c:3}, {a:4, b: 5, c:6}] }}

And you can continue fixing the bug, meanwhile Manish or Nilansh will get back to you.

rahulbarwal avatar Feb 10 '25 12:02 rahulbarwal

any update on this feature? I would like to be able to do this as well?

azai91 avatar Apr 15 '25 15:04 azai91

Please go ahead and work on this,

On Tue, Apr 15, 2025, 8:23 AM Alexander Zai @.***> wrote:

any update on this feature? I would like to be able to do this as well?

— Reply to this email directly, view it on GitHub https://github.com/appsmithorg/appsmith/issues/36858#issuecomment-2806179775, or unsubscribe https://github.com/notifications/unsubscribe-auth/ATBQDUCLRCNZFL53V2CDJWD2ZUQALAVCNFSM6AAAAABP4RRVJOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDQMBWGE3TSNZXGU . You are receiving this because you were mentioned.Message ID: @.***> azai91 left a comment (appsmithorg/appsmith#36858) https://github.com/appsmithorg/appsmith/issues/36858#issuecomment-2806179775

any update on this feature? I would like to be able to do this as well?

— Reply to this email directly, view it on GitHub https://github.com/appsmithorg/appsmith/issues/36858#issuecomment-2806179775, or unsubscribe https://github.com/notifications/unsubscribe-auth/ATBQDUCLRCNZFL53V2CDJWD2ZUQALAVCNFSM6AAAAABP4RRVJOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDQMBWGE3TSNZXGU . You are receiving this because you were mentioned.Message ID: @.***>

SamC1832js avatar Apr 15 '25 17:04 SamC1832js

@rahulbarwal can you review my PR ?

DejoeNithin avatar May 13 '25 16:05 DejoeNithin

Hey @DejoeNithin, just checking in, are you still working on this PR? If you're busy or have stepped away, I’d be happy to pick it up and help move it forward

amitalokbera avatar May 29 '25 18:05 amitalokbera

Hi! 👋 I’m interested in working on this issue as part of my open source contributions. I’ve already started exploring it and plan to submit a PR soon if that’s okay.

Please let me know if someone is already working on it or if you have any suggestions before I proceed. Thanks! 😊

Lavanyajc avatar Jul 21 '25 05:07 Lavanyajc

@amitalokbera @Lavanyajc you can work on this

DejoeNithin avatar Jul 21 '25 06:07 DejoeNithin

Sure , I'll be working on this.

Lavanyajc avatar Jul 22 '25 03:07 Lavanyajc

APP-14626

linear[bot] avatar Nov 26 '25 07:11 linear[bot]