I am using Datatables and I am having an issue with the layout in Firefox. How do I fix my datatables. The select box is pushing my table to the side. The tables work fine in Chrome and Safari, just an issue with FF. Thanks for your help.
Related
I created a table with DataTable library (that is using foundation-zurb 5.5.3), Per the below image I'm seeing both in Chrome as in IE 11 that the most right column header does not align with the other rows when you first open up the page. The actual webpage is http://iprobesolutions.com/learn/wireless-conference-system-comparison. However if I open devtools to try and inspect the code the issue dissappears! When I refresh with CTRL+ F5 it however reappears.
The issue does not appear when I create this fiddle: http://jsfiddle.net/setbon/x75o53ck/
Below is just a small part of the code pasted. I'd really appreciate if you could look at the webpage since this is where the issue is displayed...perhaps a bug in IE and Chrome ?
<table id="example" class="display nowrap table1 compact">
I see you are loading the Datatables FixedHeader code. I don't see how or if you are using it but its not compatible with scrollX and scrollY:
https://datatables.net/extensions/fixedheader/
Try removing either FixHeader or the scrolling options.
Usually these type of issues occur when table is hidden when initialized and then becomes visible in a tab, modal dialog, etc.
In most cases the solution is to call
columns.adjust() to recalculate column widths once table becomes visible.
table.columns.adjust();
When I ran the code above after your table is initialized, the issue disappears.
I cannot explain why this issue occurs with your table. I'm not familiar with Foundation framework, but I don't think you have to call foundation() when initializing the table.
See jQuery DataTables: Column width issues with Bootstrap tabs for more information, examples and details.
I have Owl Carousel 1.3.3 in OpenCart 2.3.0.2 (by default), and I can't get it to work on IE11.
In Chrome I see 3 layer of divs: owl-wrapper-outer, owl-wrapper and owl-item, which are not there in IE.
What should I change in owl-carousel.js to get it to work?
Site is: logisarok.hu
from my experience usually caused by merged js files , try to unmerge
I am using angular material tabs. I have 3 tabs and a headline above them. It works fine in firefox and chrome but not i safari, where the headline gets positioned on top of the tabs instead of above them. Does someone know why this happens and how I could solve it?
Firefox and chrome:
Safari:
Thanks!
I found the fault in our code. The text (headline) was in a column that was in a column, that had flex="100". Apparently Safari does not like columns in columns while Chrome and Firefox can handle it fine.
When changing one of the columns to a row the positioning worked in safari.
I recently by accident found an issue I have with a web application I have made entirely with dojo.
I have a TabContainer and a toolbar with buttons and each button adds a Tab in the TabContainer.
Each of these new Tabs has as children, created programmatically, one or more of the following BorderContainers, ContePanes, Editors, FilteringSelects, Uploader and Buttons. I should point out that I do not have parseonLoad: true byt false and I call manually the parsers.parse when required. I should point out that in the ContentPanes in the content attribute I put also declarative filteringSelects and ValidationTexts and Uploader I hope that is not a problem.
Everything is working great in all browsers even in IE9 besides one thing in Firefox 12.
When I create many new tabs and the ScrollingTabController gets created (The left/right and dropdown arrows of the tabstrip) when I use the ScrollingTabControllerMenuButton (the down arrow at the far right) the TabContainer behaves wrongly and eventually freezes. Firebug shows weird errors when I select different tabs via this menu of the tab strip. Errors of the buttons that I have in these tabs, weird errors mentioning StackController or ScrollingTabController
[ e.g.
button is undefined
if(this._selectedTab === button.domNode){ StackController.js (line 222) ]
different each time...
This weird behavior only happens in Firefox. IE9 and Chrome do not have any issue at all!
Could anyone have an idea on what might be the problem? Is it a known bug? Is it a problem that I have many widgets in each Tab ?
It seems that it is indeed a browser specific bug and as I was told it should be fixed in the following releases
I first reported it to the dojo community and from there they reported it to the Firefox team
http://bugs.dojotoolkit.org/ticket/15496
I am trying to do mouse over an element in IE9 browser. After mouse
hover a toll tip will open. To do this I am using:
selenium.mouseOver("css=a.worldwide");
It works fine, in FF browser. But fails in IE browser. I am using:
Selenium RC 2.18.0. I have also try this by both Xpath and CSS
locator. But it fails.
Can any body please help me how can I resolve this issue?
This may be not answer to your question but may help you.
getAttribute("css=a.worldwide#title")); // getAttribute(locator#attribute name)
This function will return the text available for title attribute for the element specified.
Regards
Using javascript/jQuery I managed to work around the problem:
selenium.eval('selenium.browserbot.getCurrentWindow().jQuery("a.worldwide").trigger("mouseover");')
I'm using python, so you may need to adjust quotes.
I have no idea what jQuery does that selenium doesn't, but this made the problem go away for me on Saucelabs & Selenium 1.