mevrael / bunny Goto Github PK

Hi!

Currently it's hard to find out what things have changed between BunnyJS versions and if a new version introduced a breaking change. Perhaps it's a good idea to introduce a changelog file?

Just a heads up. When using the dist/validation.min.js on its own, the console throw the following error:

validation.min.js:1 Uncaught (in promise) ReferenceError: BunnyElement is not defined at Object.focusInput (validation.min.js:1)

but validation still functions correctly. The position seems to refer to the scrollTo position. In my case this is unimportant so I removed that line from the minified js.

PS: In your docs, you mention the Validation Core itself is only 2kb. Is that this dist?

Hi,

I get an error in console when I run example on https://bunnyjs.com/examples/form-validation/ (just clicking submit on an empty form in enough).

Firefox 63.0:
ReferenceError: babelHelpers is not defined element.min.js:1:1368

Chrome 69.0.3497.100

element.min.js:1 Uncaught (in promise) ReferenceError: babelHelpers is not defined
    at element.min.js:1
    at new Promise (<anonymous>)
    at Object.scrollTo (element.min.js:1)
    at Object.focusInput (validation.min.js:1)
    at validation.min.js:1

Your datatable looks promising. But both sorting and searching are crucial for most people. (I assume it's not there as I couldn't see it on the demo page)

Hi,

I have an issue with bunnyJS and Internet Explorer 11. When i test on IE 11, I have multiple issues about functions in constant. For exemple, we have an error "SCRIPT1002" in BunnyElement.js, line 4

export const BunnyElement = {

  getCurrentDocumentPosition(top = true) {
    //return Math.abs(document.body.getBoundingClientRect().y);
    return top ? window.scrollY : window.scrollY + window.innerHeight;
  },
[...]
}

We use webpack Encore, and we add babel polyfill. But it still not working.

Thank you very much

This may not be the most helpful of comments but whilst trying to delete on the datatable I get a 404 error? Is this the expected behavior for the demo?

Hey, how do I setup a yes/no radio group? I tried placing required on both fields and separately on each one, to no avail. It only accepts Yes as a possible answer.

<label for="yes1"><input type="radio" name="q1" value="0" required>Yes</label> <label for="no1"><input type="radio" name="q1" value="1">No</label>

I am using a datatable to access a database table.

The underlying SQL gets filtered by a query generator form controlled by the user. I am having a problem with the dynamic changing of pages.

Imagine a query that returns 10 pages, the user navigates to page 5 and decides to change the query criteria. Once changed the dataset now has only 3 pages. The pagination stays on page 5.

I looked for a way to update/refresh the Pagination widget or a "goToPage(1)" method but couldn't get it working.

Is there a way to set the page to the start programatically that I couldn't find?

Hi,

been using the success class showvalid feature and it appears that if an input field from valid goes to invalid success class is still left on the input group container.

References issue #18

Please note how the tick is still there. It visually represents that the class has not been removed from the input group container element.

Otherwise, pretty good work. :)

Hi all,
I saw there was a errorClass option, but am not seeing anything that would allow a "success" class to be added to input groups - is that possible?

See JSFiddle:

https://jsfiddle.net/oc0veLLp/3/

The required error is always thrown, even when the checkbox is actually checked.

I am only including

• babel-helpers.js
• element.js
• validation.js

Am I doing something wrong? Did I forget to include a js file? Or is this actually a bug?

I have a checkbox with a very long label containing some consent messaging. I'd like the error to just say "Consent is required" rather than the whole label text.

It looks like using this class on a span within the label should do just that, but I don't see any change in the error message.

// label to pick textContent from to insert field name into error message
    classLabel: 'form-control-label',

Am I understanding the use of classLabel correctly?

I am testing the beta release.
I have a datatable with pagination. On the previous release the page links would launch an ajax call and update the table , now those buttons, show the spinner, scroll to the top and update the URL in the browser location address. The first two new behaviors are fantastic but the URL update is a problem as it breaks the browser history and also gives a raw JSON output if you click on the "reload" browser button.

Can we revert that behavior back so the address URL is not changed? Or is there a way of deactivating that on a per-project setting?

Hi, first of all, thank's for your works, this lib save time !
I wanted to know if it's possible to add/change the submit button class when it's not validated yet (with instantly validated) in order to apply some css/js (can't submit if it's not validated for example) ?
Thank's for your answer

Hello, can you show a example of a datatable?

I have
<input type="email" name="whatever" required maxlength="50" />

when validating, and input contains invalid value Chrome 54 macOS gives:
Validation.js:658 Uncaught (in promise) DOMException: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('email') does not support selection.

Validation.js line #658
input.setSelectionRange(input.value.length, input.value.length);

Hey thanks for resolving the js-yaml so quickly. I was able to try creating a simple button using bunny. I've been looking at the source code in examples for datepicker but notice that it doesn't have an index.html page demonstrating how it might work like a few of the other examples. I did the following

• added the datepicker index.js code and link it to my index.html
• added input element with id="datepicker" to my index.html
• added the styles for datepicker in a styles.css and had link it in my index.html file

but I didn't see any indication that the input field was in fact a date picker is there something I'm missing?

Reproduce problem: https://jsfiddle.net/oc0veLLp/9/

Hi,
I have the following problem, if I want a field to don't required (Once the form has been initialized, and this changed dynamically), I delete the "required" by javascript but if the field has other attributes such as "minLength" or "maxLength" it is still mandatory.

How can I solve this in the best way?

thanks

I am testing the sorting option on the datatable. The datatable I am using has pagination.
When I click on the column header to sort I get the correct call, but once the table is sorted and I click the pagination to move to another page I lose the search parameters.

Do I have to do something with the Pagination configuration to get it to respect the sorting conditions established?

Please update the dependencies as it is bringing in a vulnerable version of js-yaml. I'm not sure how to fix.

Hi,

First of all I think you have done a wonderful job. I have spent the weekend playing with the datatables and other libraries and they work very well.

I would like to know if it would be possible for you to establish a more business friendly license. Something like MIT, BSD, Apache or MPL. GPL is just to restrictive and incompatible with my open-source project. Even an LGPL would do as this is a library...

Thanks for your hard work and for sharing.

https://bunnyjs.com/ doesn't work, it is down

We are only using Validation from bunnyjs but the src/Validation file isn't precompiled into the dist file.

To get around this we exclude bunnyjs in our babel loader.

exclude: /node_modules(?!\/bunnyjs)/,

But it would be precompiled into the dist folder or exported from the main bunnyjs object.

Is there an option to ignore certain inputs? With components like https://github.com/jshjohnson/Choices that may create additional form inputs to interact with them, I need control to ignore the <input> created to search lists.

https://bunnyjs.com/examples/form-validation/ I ran a few tests here and these emails fail to validate:
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]

What's up guys?

I couldn't found neither in docs or source code a way to verify if the form is valid.

In fact, I need to do extra things before properly submit the form (like sanitize inputs, made some animations, etc.)

Today, is it possible? Am I missing some method here?

If not, I suggest to implement these methods. It would be very interesting to have these.

Thank you very much.

1 Getting started (Installation, configuration, building project, architecture)
2. DOM utils
3. URL utils
4. Files and Images
5. SVG
6. Components

• Form Validation
• DataTable
• Dropdown
• Autocomplete
• CustomSelect

7. Experimental Components

• DOMObserver
• Core Component
• Custom components

I am hiding part of a form with display:none;/.d-none. bunny still validates these fields.

Hi, i trying live demo of form validation.
When i try [email protected] it gives 'This email is already in use!'
but when using [email protected] it passed.