wag110894

wag110894

Member Since 4 years ago

Experience Points
3
follower
Lessons Completed
0
follow
Lessons Completed
6
stars
Best Reply Awards
6
repos

4 contributions in the last year

Pinned
⚡ web
⚡ An example of how to create a module for the formio.js renderer and builder.
Activity
Dec
20
4 weeks ago
Activity icon
issue

wag110894 issue formio/formio.js

wag110894
wag110894

[Question] Bootstrap 5 support

As [email protected] will drop support for semantic and bootstrap3, are there any plans to adopt bootstrap5 or will bootstrap4 remain the default template for formio.js?

Dec
1
1 month ago
Activity icon
issue

wag110894 issue formio/formio

wag110894
wag110894

[BUG] The formio token is having invalid signature

Environment

Please provide as many details as you can:

  • Hosting type
    • Form.io
    • Local deployment
      • Version:
  • Formio.js version: 2.0.0--rc.34
  • Frontend framework: React
  • Browser: Firefox
  • Browser version:

Steps to Reproduce

  1. The generated formio token when logging in has a invalid signature when decoding with jwt.io is having an invalid signature

image

Expected behavior

Observed behavior

Example

image

If possible, please provide a screenshot, live example (via JSFiddle or similar), and/or example code to help demonstrate the issue.

For code or form JSON, please enclose in a code block:

// your code here
Nov
15
2 months ago
Activity icon
issue

wag110894 issue comment formio/angular

wag110894
wag110894

When we click on already uploaded file, it opens new tab on browser

Environment

Please provide as many details as you can:

  • Hosting type
    • Form.io
    • Local deployment
      • Version:
  • Formio.js version:
  • Frontend framework:
  • Browser:
  • Browser version:

Steps to Reproduce

Expected behavior

Observed behavior

Example

If possible, please provide a screenshot, live example (via JSFiddle or similar), and/or example code to help demonstrate the issue.

For code or form JSON, please enclose in a code block:

// your code here
wag110894
wag110894

Can you provide a form embed as well as a video?

Nov
2
2 months ago
Activity icon
issue

wag110894 issue comment formio/formio.js

wag110894
wag110894

[BUG] TypeError: Cannot read properties of undefined (reading 'requireLibrary')

We recently updated our formiojs dependency from 4.11.3 to 4.13.8 and we were greeted with this error:

TypeError: Cannot read properties of undefined (reading 'requireLibrary') at new GoogleAddressProvider (http://localhost:3000/_snowpack/pkg/formiojs.js:2108:21)

The incriminated line:

_Formio.default.requireLibrary(_this.getLibraryName(), 'google.maps.places', src);

I dug a little further and seem to have found the cause of the problem (circular dependency): the Formio file depends on Providers but one of the provider (GoogleAddressProvider) also depends on Formio. The provider gets imported first and this line resolves to undefined: import Formio from '../../Formio'; and won't ever change. The dependency on Formio in GoogleAddressProvider wasn't there with the 4.11.3 version, so that explains why we didn't have this bug before.

Is this a known bug? The 4.13.8 version seems to be the latest stable release.

wag110894
wag110894

Hello @j-perl,

We are still working on 4.14.0 build as it is not ready yet to be a stable version.

Oct
27
2 months ago
Activity icon
issue

wag110894 issue formio/formio.js

wag110894
wag110894

[BUG] DefaultValue does not work on radio when inside a container

Environment

Radios remain unchecked when defaultValue is set within a container.

  • Hosting type
    • Form.io
    • Local deployment
      • Version: 4.12.3
  • Formio.js version: 4.12.3
  • Frontend framework: VueJS
  • Browser: Chrome
  • Browser version: latest

Steps to Reproduce

  1. https://formio.github.io/formio.js/app/builder
  2. Add Container, put a radio inside it with a default value
  3. Default value is not respected. Radio is left unchecked

Expected behavior

Default value should be respected.

Observed behavior

Default value is ignored.

Example

Form JSON

{
    "components": [
        {
            "label": "Container",
            "tableView": false,
            "key": "container",
            "type": "container",
            "input": true,
            "components": [
                {
                    "label": "Radio",
                    "optionsLabelPosition": "right",
                    "inline": false,
                    "tableView": false,
                    "defaultValue": false,
                    "values": [
                        {
                            "label": "yes",
                            "value": "true",
                            "shortcut": ""
                        },
                        {
                            "label": "no",
                            "value": "false",
                            "shortcut": ""
                        }
                    ],
                    "key": "radio1",
                    "type": "radio",
                    "input": true
                }
            ]
        },
        {
            "type": "button",
            "label": "Submit",
            "key": "submit",
            "disableOnInvalid": true,
            "input": true,
            "tableView": false
        }
    ]
}
Activity icon
issue

wag110894 issue comment formio/formio.js

wag110894
wag110894

[BUG] DefaultValue does not work on radio when inside a container

Environment

Radios remain unchecked when defaultValue is set within a container.

  • Hosting type
    • Form.io
    • Local deployment
      • Version: 4.12.3
  • Formio.js version: 4.12.3
  • Frontend framework: VueJS
  • Browser: Chrome
  • Browser version: latest

Steps to Reproduce

  1. https://formio.github.io/formio.js/app/builder
  2. Add Container, put a radio inside it with a default value
  3. Default value is not respected. Radio is left unchecked

Expected behavior

Default value should be respected.

Observed behavior

Default value is ignored.

Example

Form JSON

{
    "components": [
        {
            "label": "Container",
            "tableView": false,
            "key": "container",
            "type": "container",
            "input": true,
            "components": [
                {
                    "label": "Radio",
                    "optionsLabelPosition": "right",
                    "inline": false,
                    "tableView": false,
                    "defaultValue": false,
                    "values": [
                        {
                            "label": "yes",
                            "value": "true",
                            "shortcut": ""
                        },
                        {
                            "label": "no",
                            "value": "false",
                            "shortcut": ""
                        }
                    ],
                    "key": "radio1",
                    "type": "radio",
                    "input": true
                }
            ]
        },
        {
            "type": "button",
            "label": "Submit",
            "key": "submit",
            "disableOnInvalid": true,
            "input": true,
            "tableView": false
        }
    ]
}
Activity icon
issue

wag110894 issue comment formio/formio

wag110894
wag110894

[BUG] Collapsible not working in Panel Component

wag110894
wag110894

Hello @nguyentanvu42, can you provide an example of this not working as well as versions that you are using?

Oct
21
2 months ago
Activity icon
issue

wag110894 issue comment formio/formio.js

wag110894
wag110894

[BUG] FormBuilder error: Uncaught (in promise) Missing projectId

Environment

Please provide as many details as you can:

  • Hosting type
    • [] Form.io
    • [x ] Local deployment
      • Version: N/A, custom backend
  • Formio.js version: 4.13
  • Frontend framework: React or vanilla JavaScript
  • Browser: Google Chrome
  • Browser version: Version 90.0.4430.93 (Official Build) (64-bit)

Steps to Reproduce

  1. Go to https://formio.github.io/formio.js/app/builder
  2. Open Google Chrome console

Expected behavior

No error in the console

Observed behavior

Error in the console:

builder:1 Uncaught (in promise) Missing projectId
Promise.then (async)
WebformBuilder @ WebformBuilder.js:382
create @ FormBuilder.js:82
setForm @ Form.js:253
Form @ Form.js:122
_createSuperInternal @ FormBuilder.js:50
FormBuilder @ FormBuilder.js:72
(anonymous) @ builder:137

We are getting the same error when rendering FormBuilder from FormIO 4.13 in our app. Before 4.13 version it was ok.

Example

Example is already present in the official FormBuilder demo page: https://formio.github.io/formio.js/app/builder

Is there any workaround for this error to not appear? Maybe some option to set, so the projectId is not missing anymore?

wag110894
wag110894

We are working on making a stable release of 4.14.0.

Change from the Branches section to the tags and you will see the latest version of 4.14.0 is rc.31.

formio js_Changelog md at master · formio_formio j

Activity icon
issue

wag110894 issue comment formio/formio.js

wag110894
wag110894

[BUG] FormBuilder error: Uncaught (in promise) Missing projectId

Environment

Please provide as many details as you can:

  • Hosting type
    • [] Form.io
    • [x ] Local deployment
      • Version: N/A, custom backend
  • Formio.js version: 4.13
  • Frontend framework: React or vanilla JavaScript
  • Browser: Google Chrome
  • Browser version: Version 90.0.4430.93 (Official Build) (64-bit)

Steps to Reproduce

  1. Go to https://formio.github.io/formio.js/app/builder
  2. Open Google Chrome console

Expected behavior

No error in the console

Observed behavior

Error in the console:

builder:1 Uncaught (in promise) Missing projectId
Promise.then (async)
WebformBuilder @ WebformBuilder.js:382
create @ FormBuilder.js:82
setForm @ Form.js:253
Form @ Form.js:122
_createSuperInternal @ FormBuilder.js:50
FormBuilder @ FormBuilder.js:72
(anonymous) @ builder:137

We are getting the same error when rendering FormBuilder from FormIO 4.13 in our app. Before 4.13 version it was ok.

Example

Example is already present in the official FormBuilder demo page: https://formio.github.io/formio.js/app/builder

Is there any workaround for this error to not appear? Maybe some option to set, so the projectId is not missing anymore?

wag110894
wag110894

The PR above has been merged into 4.14.0-rc.18.

Oct
19
2 months ago
Activity icon
issue

wag110894 issue comment formio/formio.js

wag110894
wag110894

[BUG] Endless/Infinite loop occurring for calculated values - need protection against change loops

Environment

  • Formio.js version: latest
  • Frontend framework: all
  • Browser: all

Steps to Reproduce

You can see the issue occur: https://formio.github.io/formio.js/app/builder

  1. Create a form with a calculated value that will change on every onChange action: such as value = new Date().toISOString()
Screen Shot 2021-04-19 at 10 20 29 AM Screen Shot 2021-04-19 at 10 22 26 AM
  1. Watch the value endlessly change/update

Expectations

It appears that formio.js will perform a endless loop when calculated values are used and the calculated value changes on every check. This appears to be caused by the way formio calculates a change: where the calculated value is activated when the form loads, BUT it also re-cacluates it-self. As a result in the case of values such as dates with millisecond precision, an endless loop is triggered and formio does not guard against this.

Expectations would be something in the area of:

  1. formio and/or the browser is detecting the loop as a performance issue
  2. formio maybe has a max loop setting before throwing an error?
wag110894
wag110894

This is still in our backlog. We welcome a PR and also have a process to expedite this issue if you are interested.