Premium support for our pure JavaScript UI components


Post by Animal »

WHy is the initiating button hiding?

A floating widget always follows the wdget that t is aligned to if a scroll is detected.

If the widget that it is aligned to is somehow hidden, it cannot do that.


Post by rakshith.snps »

Hi,
The behaviour happens even when the menu button is visible.

demoForDatePickerbutton.gif
demoForDatePickerbutton.gif (3.71 MiB) Viewed 274 times

Post by Animal »

If that outer widget is a web component, I think this issue will be fixed in the upcoming release.


Post by rakshith.snps »

Understood thank you . could we get an estimate as to when might be the next release.


Post by alex.l »

Planned to be on this or beginning of next week.

All the best,
Alex


Post by rakshith.snps »

Hi Bryntnum team,
Was the above-mentioned issue patched in the latest Bryntnum release? (Dec 16th release).
We are using it but it seems like when we scroll the Date pickers also scrolls instead of being fixed.


Post by alex.l »

It works well with scrolling in our examples. Could you please try to reproduce it and give us code and steps to reproduce this problem?

All the best,
Alex


Post by rakshith.snps »

Hi Team,
we were able to use the Date pickers as you had suggested. but itseems Date pickers new/next month cannot be changed. if i click on the next month in the Date picker , it just closes.

datepickermonths.gif
datepickermonths.gif (583.61 KiB) Viewed 231 times
tbar: [
          {
            type: 'button',
            name: 'start-date-picker',
            icon: 'b-fa-chart',
            iconAlign: 'end',
            text: 'Start-Date-Picker',
            menu: {
              type: 'datepicker',
              date: new Date(),
              onSelectionChange: ({ selection }) => {
                const dateEvent = new CustomEvent('changestartdate', {
                  detail: ArrayUtil.toString({
                    startDate: `${selection[0].getFullYear()}/${
                      selection[0].getMonth() + 1
                    }/${selection[0].getDate()}`,
                  }),
                });
                umScheduler.dispatchEvent(dateEvent);
              },
            },
            weight: 650,
          },
          {
            type: 'button',
            name: 'end-date-picker',
            icon: 'b-fa-chart',
            iconAlign: 'end',
            text: 'End-Date-Picker',
            menu: {
              type: 'datepicker',
              date: new Date(),
              onSelectionChange: ({ selection }) => {
                const dateEvent = new CustomEvent('changeenddate', {
                  detail: ArrayUtil.toString({
                    endDate: `${selection[0].getFullYear()}/${
                      selection[0].getMonth() + 1
                    }/${selection[0].getDate()}`,
                  }),
                });
                umScheduler.dispatchEvent(dateEvent);
              },
            },
            weight: 650,
          },
        ],
        

Do you know why this might be happening. As for testing we can share our scratch org for testing we the need arises.


Post by alex.l »

It seems to be ok on our end. Please see video attached.
Could you please attach runnable test case here? More context required. May that be that you refresh the UI on some event?

Attachments
datepicker-closes.mov
(2.32 MiB) Downloaded 24 times

All the best,
Alex


Post by rakshith.snps »

Hi Alex,
Thanks for the reply .

Here is the Salesforce environment where the error occurs.
Instance Url: https://site-data-7915-dev-ed.scratch.my.salesforce.com
User name: rakshith17@synapse-i.jp
Password: 23BT6MA022.

Looking at our source I don't think the component is being refreshed.
Please check the schedule tab where we have implemented the Date picker, if we try to change the month it collapses.


Post Reply