craftpip / bootstrap-fullscreen-select Goto Github PK

I have added multiple mobile select items inside my Html with multiple div as page. On page load i'll get values from service and selected the corresponding options of select for both pages. On Div1 (page1) if i open that select and select extra one value and click save (not saving to server). After that i open Div2 (page2), if i go back to div1 i want the selected options similar to page load selected options. That extra option i selected is there, which should not be there.

will this be possible?

We have had a report that a user using the following iPhone 11, and in the iPhone uses Edge Browser.

They are unable to see the Accept / Close buttons in the bottom of the browser - i suspect and think we can fix this by adding some padding, but that will not be good and applied to all devices.

Is there a option / way to avoid having to add this for that particular user?

Do please ignore the crossed out proposed buttons on the right - you can see in the highlighted area in the bottom, that this is actually hiding the Accept / Close buttons that would normally appear there.

Thank you.

There's no exist attribute type="button" for button in min version.

Hi,

I'm using your component inside a form, and clicking in the button that replaces the , makes the form submit. You could avoid this by adding type="button" to the button tag. In other way, it behaves like a type="submit" Thanks for this great component.

Initially a default value is selected on single select elements,
This enhancement will set the select value to null.

The user can add a subText to the option that will be viewed below the option text.

Attr used: data-subText="Sub text here!"

After selecting multiple options , the select box shows the length of total characters instead of selected element count

After testing the code I found that this issue can fix by changing the " _updateBtnCount " function. (Line no 185) as below.
b = this.$triggerElement.next().find('option:selected').text() || this.$e.val(); into
b = this.$e.val();

In minified version, type="button" is missing from the tag, so it is behaving like a submit button.

This library is super awesome.

Would be even more awesome if modal had search option.

Hi I have came accross a bug, I have 4 selects one depends on the selected value of the previous one.
I have my own functions called on the onClose function.
2 things.

1. The onClose function was getting called multiple times I notice it needed a unbind click in the _unbindEvents function.
   Add this line: this.$c.find('.mobileSelect-savebtn').unbind('click');

2. The onClose should be only called when the save-button is pressed for this I added a default parameter on the hide function.

`hide: function (save = null) {

        /*
         * hide animation with onClose callback
         */
        this.$c.children('div').addClass('anim-' + this.animation);
        var that = this;
        this._updateBtnCount();
        setTimeout(function () {
            that.$c.hide();
            $('body').removeClass('mobileSelect-noscroll');
            /* MY CHANGE BEGIN*/
            if(save) {
                that.onClose.apply(that.$e);
            }
            /* MY CHANGE END */
        }, this.animationSpeed);
    },`

Then on line 232 change this that.hide(); to this that.hide(true);

An option to have a image for a option,
data-attr will be data-image="imagename",

The image will be visible in the dropdown.

I'm going to implement some features from bootstrap select, including the idea of using a data-content for the option name instead of the actual option name if it's available, this way you can display an icon/image/swatch in the list.

Also was going to figure out an easy way to only make this work on mobile, for instance in my use case I want to use bootstrap-select for desktop users and this for mobile.

If there is interest in these 2 options I will do a pull request?

By default the generated HTML appends to documents body,
This feature will enable to set custom element to append to.

Is it possible to use this select popup without having save and cancel button on the bottom of the popup. It should select the row selected and close the popup then itself instead of additional Save click.

Please confirm if it is already available or if there is any way to do that.

Hey mate, thanks sharing this plugin with the world. I've encountered a bug/limitation when trying to use this plugin in a recent project.

I was listening to change events on the select elements but noticed they weren't getting triggered. Was this intended? If not below is a quick fix.

See: Line 271

this.$e.val(selectedOptions).trigger('change');

how would it be possible to write a custom binder for select using bootstrap-fullscreen-select

I am trying to disable via JS $('#select1').attr('disabled', true); but it is not working, is this function not allowed?

how to add select all option? mr @craftpip
Thanks :)

If I have a select like this:
` One Two ` the button element on the page is updated with the value, not the label. This is not normal, in standard the user chooses a label, not a value. For the user is not relevant to see the value, but the label.