I'm using JQuery chosen plugin, chosen single select. when i'm opening the dropdown which listing some set of values loaded in. also it's showing vertical scroll. i can able to scroll using scroll bar and mouse scroll, but i cant able to select the specific item. when mouse hovering the item, then the drop down taking me to the end of the list.
help me to fix this issue.
I found the answer for this.
thanks guys for spending time on this
the answer is
In chosen.jquery.min.js file the is code like
c = this.result_highlight.position().top + this.search_results.scrollTop(),
replace the above line by
c = this.result_highlight.position().top,
then the scroll issue will be fixed.
According to this issue https://github.com/harvesthq/chosen/issues/2504#issuecomment-194773350
the problem seems to be solved when updating the jQuery library.
I can confirm that upgrading to jQuery version 1.12.1 fixes the issue. 1.12.0 is the one with the issue.
-- DrowningElysium
Related
I'm having a really weird issue where the grid panel's height is incorrect but only on initial render. The panel has 13 items but only shows 10. If I click on the expand button the rest of the rows appear correctly. If I go to a different page then go back to the grid panel then the issue is fixed.
I found a solution that works 90% of the time by adding a set time out function and then calling dolayout
setTimeout(function ()
{
formpanel.down('[itemId=cont_46]').doLayout();
},1800)
Any ideas what I can do to remove this issue?
Turns out adding a RenderTo: to the gridpanel fixed the issue. I believe there was something wrong with the panel that the gridpanel was in or something.
I have created a component in my project that is purely an ion-slides UI component. I've injected into the main page of my side-drawer template app and I'm experiencing a number of issues/annoyances:
The content doesn't always center within the main pane. It seems as though the width of the individual ion-slide items all get set with an inline element style width that is greater than the pane width! I've realised that this only happens when the whole app is loaded. If I click on the side menu item of the page to reload it individually, the issue disappears. This leads me to believe it's an issue with the order that components are rendered. Can anyone help me understand what is happening? Is it a bug?
Undesired behaviour
I can't work out how to get navigation arrows to display/work - is this possible?
https://stackblitz.com/edit/angular-ionic4-test-yuppm1?embed=1&file=src/app/app.module.ts
The above Stackblitz should help to give you an idea of my setup but it doesn't show the problem I'm experiencing. It does show one other peculiarity though:
With loop set to true in the options, when you get to the last slide and you go to the next slide, it jumps to second element rather than the first! Any help on understanding why this is happening will be appreciated.
Thanks
I have a strange issue where if the browse is full of rows (but the scrollbar has not yet appeared) then the bottom row cannot be selected. Also there is no tool-tip when hovering over the bottom record.
It seems to be irrespective of the set row-height-chars and height-chars or indeed any of the properties. I only get the issue in version 10 and I cannot recreate it in version 11.
Thanks
No official fix yet from Progress so I'll answer my question to that effect:
https://knowledgebase.progress.com/articles/Article/P178111/p
I was having the same problem as this question:
jQuery Mobile 1.1.1 Custom Select Menu - Placeholder Text not Visible
The above question solved my problem by telling me to use 'http://code.jquery.com/mobile/latest/jquery.mobile.min.js'. That solved my original problem but caused another.
The select menu is always displayed and doesn't center on the select item like it did before.
After:
Does anyone know how to fix this. I think I might be able to hide and show the menu if that was the only problem that I was having, but even when selected it is not in the right position. It should be centered over the select element both horizontally and vertically (if given enough vertical space).
This is caused by the latest release of JQuery, but I also can't download 1.1.1 because it causes the original problem that I had which was solved in the other question.
Looks like the menu is displaying relative to the rest of the content - Try adding a css line on there
position:absolute;
on the menu structure - Another good way to test this would be to load up your site in google chrome and use firebug to see why the menu is positioning lower than the "click point." Just on glance it appears that the menu is appearing relative.
I'm an iPhone developer, but new to web development. I've done some basic HTML websites and made one in iWeb as well. I'm trying to branch out to mobile web development now, so I checked out Dashcode.
Anyway, I'm trying to put a Call Button, Mail Button, and Map Button in horizontal alignment. I realize that I can add a Column Layout and have two buttons in a row, but that's the most I've gotten.
Any ideas? Thanks!
Thomas
Edit: I still haven't figured this out yet. I was given advice about a fixed position button bar, but I am not sure how to implement it. I've been looking at code, but haven't gotten it yet. Still trying though. Any help is appreciated!
What i do usually is to select the element you can't align horizontally and then go to the inspector -> dimension tab and in disposition you select fixed absolute.
This should work but beware because if you've the intention to change element's place dynamically you may have some surprise...
I think you are looking for something like this.
A fixed position button bar is created with several buttons side by side.
/Mogens