I'm using semantic-ui-react in my application.
It used to work perfect but at some point, it stops to render Modal dialogs in the proper place. The only thing I did install, not sure if it's a cause, is a Node 8.9.4
After installing new node version, my npm "ask" me to upgrade sass-loader.
Now all my dialogs open in the Top-Left corner cut by half.
Any idea?
It does show dialog in the right place if I disable DISPLAY property from css
This appears to be an issue with Semantic-UI-CSS new 2.3.0 update.
I tried downgrading to 2.2.12 and it fixed the issue for now.
This issue is addressing it:
https://github.com/Semantic-Org/Semantic-UI-CSS/issues/40
OK. Based on Morinx comment (tnx btw), I've managed to get Modal dialogue working properly.
I downgraded, cleaned cache and reinstall modules few times before the help and it didn't work because I used ^ prefix and it was getting the latest version all the time:
Instead of ^2.2.12 use 2.2.12.
So, this issue has been resolved and now we need to wait until the Library bug will be fixed.
Related
I am having problems using the Ikonli icon packs. I am creating FontIcon objects and then using those to set the graphics on buttons. Icons taken from the FontAwesome5 pack work great. Icons taken from the Material2 pack seem to shift somehow - for example, I try to get mdal-6_ft_apart but what actually gets displayed is mdal-loyalty. And no matter which Icon I load from MaterialDesign2, all I see is an empty box.
I'm running this through Eclipse, and everything looks fine when stepping through with the debugger. This is the value of the button graphic:
ObjectProperty [bean: mdal-6_ft_apart:15:0xffffffff, name: iconCode, value: MDAL_6_FT_APART]
and yet, on the screen, it's something completely different.
This is a Maven project using OpenJDK 16 and JavaFX 16. I've tried loading just a single icon pack instead of all 3, but no difference. Also, there are never any errors retrieving the icons. The ServiceProviders are all found, and the icons are available.
I made a small Hello World program and everything runs fine, so it's definitely an issue with my program and not the library. But I have no idea what the problem is, and I've been staring at this for almost 2 hours. Has anyone come across this before? I'd appreciate any help, because I'm out of ideas.
Answering this myself in case it saves someone else some time. I was installing the Ikonli library in order to replace the FontAwesomeFX library that is no longer available. I had gotten partway through replacing the icons when I ran the app in order to check the progress, and that's when I saw the errors.
The problem turned out to be an interference between the two libraries - FontAwesomeFX was throwing of Ikonli. The icon shift didn't actually occur until the code displayed a FontAwesomeFX icon, which made it seem a little random depending on the order I would open the dialogs when testing. I'm assuming an issue with the Service Handlers, though I'm not positive because I stopped troubleshooting once I realized the problem and just finished the replacement.
Once I stopped displaying FontAwesomeFX icons and the dependency was removed, Ikonli worked fine.
I'm building my first application using CSS Grids.
Using Firefox's DevTools, I'm able to to highlight the Grid's tracks by clicking "# grid" next to an element in the "Rules" pane :
But when I click the "Layout" pane, it always shows "CSS Grid is not in use on this page":
Why is that?
(I'm using the latest Firefox version available today, "62.0.2")
UPDATE: Here's an example project.
UPDATE 2: It does work when I create a new, fresh, profile! But it doesn't work with my current profile, even when I start in safe mode, with all add-ons disabled... I guess I'll customize a new profile!
I agree with you indeed this is a bug in Firefox, I'm using the latest version of developer edition 85.0b9, I faced the same issue. You can clearly see, I've display as Grid still it says CSS Grid not in use on this page.
Issue - It happens when you open it in the default or the 1st Tab, it's not setting some tab-value there. The bug is still not fixed by Bugzilla's dev team, open from past 2 years. Let's hope they fix in future.
Issue Link - https://bugzilla.mozilla.org/show_bug.cgi?id=1492370
Solution - Just duplicate your tab, it'll work like a charm.
I have added those to my rezor view
"kendo.common.min.css"
"kendo.default.min.css"
"kendo.rtl.min.css"
and one script for culture
here it is on Chrome
and on fire fox it's ok
Can you please suggest any thing do solve this problem ?
I was also facing some what the same problem.
Its work fine when i updated kendo.web.min.js and kendo.common.min.css file.
May be you should update kendo package to latest version and have a test.
I have a large table that I want to appear in a dialog created by jQuery UI.
The development version I created worked correctly but note that this was not using the default Wordpress versions of jQuery and jQuery UI. I registered versions of both libraries for the purposes of the development version.
Using the same script and dialog contents I attempted to reproduce the dialog for my blog using the default versions of the jQuery libraries.
This produces a result where the dialog opens but in the display the default close button found in the title bar is on the left. When you mouse over this close button the icon moves down, but it still closes on a click.
In addition the resize icon appears in the bottom left as does an additional close button I added.
This led me to suspect that I have a css conflict between my table and the jquery UI css. I've noted posts suggesting that there is a problem with jQuery UI 1.8.16 and dialogs with a large amount of content.
However, I can't locate the css for the default jQuery UI library, I'm assuming that it must exist.
The easy answer to this problem would be to deregister the default versions and register external versions but that seems like a waste when the functionality is already in Wordpress.
Questions:
Where do I find the css in Wordpress for the default jquery UI
Any suggestions as to what may be the cause of this problem
Thanks
1) The CSS files are located at /wp-includes/css/jquery-ui-dialog.css (compressed) & /wp-includes/css/jquery-ui-dialog.css (development).
2) We'd need to see an example to have an idea of what the problem might be.
All the styling for that button is located on line 69 in:
/wp-content/plugins/mailchimp//css/flick/flick.css
I resolved the display issue by simply adding the CSS files from the jquery UI theme. Once that was in place everything displayed correct. Not elegant but it solved the problem quickly.
I have Products.Carousel 2.1b3 installed in my Plone 4.0.2 site. It worked alright up until a day or two ago.
First symptom was that when clicking on the Carousel tab for a folder, it wouldn't show the tabs (only the message above the tabs - the one which says that I should go to Contents tab to edit existing banners).
I deactivated and then reactivated the product in the Plone Control Panel. It seems to have corrected the tabs not appearing problem. After that, however some other strange symptons:
Some Carousels refuse to appear (it seems but I am not sure that the only Carousel appearing is the one for the Plone Site)
The width and height configuration are not respected
For the Carousel that does appear, there is no transition and the slider shows only the first banner
Finally, in the event.log, there is a Warning about plone.app.registry:
2011-04-07T17:45:55 WARNING OFS.Uninstalled Could not import class 'Registry' from module 'plone.app.registry.registry'
But I have no idea whether this started showing before or after the Carousel problems.
Any ideas on how I can fix it?
EDIT --
After some experimentation, it seems to be fixed by removing collective.carousel.
Does anyone know about any incompatibility between Products.Carousel and collective.carousel? Should one NOT install both at the same time in the same site?
Run bin/instance debug It's not uncommon to see errors reported there that you don't see in your normal log.
"Some Carousels refuse to appear" sounds likely to be a script problem - try using Firefox with Firebug to see if there are either any 404 (file not found) errors or javascript errors.
While OFS.Uninstalled is just a warning, I've seen sites completely broken by removing plone.app.registry. However, this isn't the usual symptom. I doubt it's the issue, but you can always add plone.app.registry to your buildout and see if your problems go away.