Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Apr 04 14:39
    KJabandaa10 opened #6969
  • Apr 02 15:41
    SamirMokiem closed #6598
  • Mar 31 16:32
    hamzehparsi closed #6967
  • Mar 31 16:32
    hamzehparsi closed #6965
  • Mar 31 13:44
    tghjnjvg opened #6968
  • Mar 31 04:04
    hamzehparsi opened #6967
  • Mar 27 17:20
    cyphire opened #6966
  • Mar 24 08:24
    hamzehparsi edited #6965
  • Mar 24 08:23
    hamzehparsi opened #6965
  • Mar 22 16:01
    varathar53 opened #6964
  • Mar 10 15:00
    KonradHoeffner edited #6963
  • Mar 10 14:59
    KonradHoeffner opened #6963
  • Mar 10 06:37
    shailesh1441 edited #6962
  • Mar 10 06:22
    shailesh1441 opened #6962
  • Mar 03 14:52
    KonradHoeffner edited #6961
  • Mar 03 14:50
    KonradHoeffner edited #6961
  • Mar 03 14:50
    KonradHoeffner edited #6961
  • Mar 03 14:49
    KonradHoeffner opened #6961
  • Mar 01 21:04
    BrianMulhall closed #6875
  • Feb 29 02:42
    dimitropoulos opened #6960
Philip Metzger
Also closeOnBlut still closes the dropdown when I click into the input
do I really have to add onClick={(e) => e.stopPropagation()}
umar haider
how do i
use this on my bandcamp page
Hi everyone, can anyone help me with the search module?
I'm doing a search to a server and its response me with an only id int number, with this id how i build a url to redirect to another page?
Marco 'Lubber' Wienkoop
Where should this url point to? Are you the same guy who created the issue at fomantic ui? Then please post some example response and what target url you need to create and post it there
Marco 'Lubber' Wienkoop
I think , I understood now,:the URL should be created out of content from other fields dynamically , right?... I responded at the discord server of fomantic ui
Roman Nicolai
Can anyone help with Semantic UI Google Maps
I am currently trying to use semantic in jsp
but official website doesn't seem to have any explanation about settings and etc.
does anyone know anything about this?
all I can find was in assumption that u are using react, angular or other custom library
you need node. but I am trying to build with spring framework using jsp
Marco 'Lubber' Wienkoop
If you use a cdn you don't need node. Just use the precompiled css and js for your jsp project
_jquery2.default(...).dropdown is not a function when trying to access semantic ui react Dropdown by $('.ui.dropdown'). Any guidance?
Anybody there?
Marco 'Lubber' Wienkoop
@ItratJameel .dropdown as jquery method is not available in the react version of SUI
Vidit Kothari

[semantic-ui npm installation error]
Unable to install the npm package 'semantic-ui' using npm. Facing the following issue. Can it be fixed / can anyone help?

> semantic-ui@2.4.2 install D:\_\_Dev\test\node_modules\semantic-ui
> gulp install

const { Math, Object } = primordials;

ReferenceError: primordials is not defined
at fs.js:27:26
at req_ (D:\_\_Dev\test\node_modules\natives\index.js:143:24)
at Object.req [as require] (D:\_\_Dev\test\node_modules\natives\index.js:55:10)
at Object.<anonymous> (D:\_\_Dev\test\node_modules\graceful-fs\fs.js:1:37)
at Module._compile (internal/modules/cjs/loader.js:936:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:947:10)
at Module.load (internal/modules/cjs/loader.js:790:32)
at Function.Module._load (internal/modules/cjs/loader.js:703:12)
at Module.require (internal/modules/cjs/loader.js:830:19)
at require (internal/modules/cjs/helpers.js:68:18)
npm WARN test@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! errno 1
npm ERR! semantic-ui@2.4.2 install: 'gulp install'
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the semantic-ui@2.4.2 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\VI20079771\AppData\Roaming\npm-cache\_logs\2019-11-12T13_57_01_157Z-debug.log

Colin Frick
@viditkothari Downgrade to node 10/11 or you could use the community fork https://fomantic-ui.com/
Vidit Kothari
@ColinFrick , thanks for prompt reply. Will try your suggestion
hey guys! question: when i install semantic-ui 2.4.2 with npm i actually get prompted in the console and have to make 3 choices with the arrow keys and enter in order to install properly. this is actually also happening on our continuous integration pipeline and causing the build to fail. is there a way to turn off this behavior?
Colin Frick
@onemangrove set autoInstall to true in your semantic.json
Marco 'Lubber' Wienkoop
The community fork Fomantic-UI released a huge update 2.8.1 today: Toast with actions, Emojis, configurable component variants for smaller CSS files and a lot more. https://fomantic-ui.com
Vidit Kothari

Does it mean 'semantic-ui' isn't so semantic afterall: https://codepen.io/viditkothari/pen/abbRqrw ?

I have been trying the semantic-ui framework and trying to replace the sample codes filled with div tag (from the official semantic-ui.com documentation portal) with the corresponding semantic tags like ul & li in the sample codepen above and I'm seeing styling, alignment issues.

Any idea whats going on / whats wrong?

Marco 'Lubber' Wienkoop
@viditkothari As long as you add ui list to the <ul> tag, it should still work. The framework decided not to directly patch _any_ul or other already existing semantic tag like button to make sure it is still compatible with possible other used libraries or own styles. Yes, you still have to add ui list or ui button for now, but thats makes it independent of other styles. Kind of namespace.
@viditkothari In your codepen you used ul together with menu which isnt semantically correct either and not directly supported
Vidit Kothari

@lubber-de I tried removing the menu from the ul tag's class thus replacing ul tag's class with 'ui list' but now I'm getting the usual bullets for the following code:
<ul class="ui list">
<li class="item"></li>
<li class="item"></li>
like we get with vanilla / browser-default css.

So do you mean, to use semantic-ui one needs to use less of semantic HTML tags and use more of div tag ?

Marco 'Lubber' Wienkoop
Semantic displays ul bulleted and ol ordered by default, because thats what usual html would do (as you said). With the current codebase you would have to use div to display lists other than the browser default would. Yes, this is something discussable
Vidit Kothari
@lubber-de , ok thanks for clarifying.
I didn't mean to sound differently but just wanted to learn and clarify things. I'm new to semantic-ui and had some doubts regarding the use of semantics html tags and how semantic-ui treats them.
Ian bradbury
Has anyone a recipe for how to add sematic-ui to a Rails 6 application that's using Webpack?
Any one Knows.. why semantic UI dropdown not working, when am putting inside with Angular *NgIf
Shall we use CSS variables as value for Less variable.


@primaryColor: --wd-color;

on this it returns error on less color function like darken, lighten, etc. in default .less files
How to start semantic
Marco 'Lubber' Wienkoop
@Selvakrish07_twitter This is not supported by LESS. See here https://github.com/less/less.js/issues/3338#issuecomment-443601225

hey, I'm trying to upgrade to fomantic. I have a vue project but fomantic does not seem to be adding functions to jquery. I'm doing:

import $ from 'jquery'
import 'fomantic-ui'

but I get:

TypeError: __WEBPACK_IMPORTED_MODULE_0_jquery___default(...)(...).sidebar is not a function

Hi I'm wondering if anyone else has noticed this issue. I'm using a multiple search selection dropdown with a call to an api. If I type in the search box and immedit aftately hit enter only the first few characters are added ,as an addition, and not all the characters I typed. This makes me think the characters that are added are only the ones that are sent to the API $(".wants.dropdown, .offers.dropdown").dropdown({ allowAdditions: true, ignoreCase: true, forceSelection: false, hideAdditions: false, apiSettings: { url: '/api/tags/{query}', beforeSend: function (settings) { if (settings.urlData.query === "") { return false; } return settings } }, });
This message was deleted
Hello m trying to use country select form but its not working anyone can help me?what's the problem?
Marco 'Lubber' Wienkoop
@joelcormack @carter_ephraim_twitter Please provide jsfiddles for easier investigation. Thanks
Hi, I have a problem installing the semantic ui from node.js. When I insert a command from the documentation ( npm install semantic-ui --save ). This returns me this error: