Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Dec 02 18:34
    KennCastillo closed #6906
  • Dec 02 18:34
    KennCastillo opened #6906
  • Nov 30 19:16
    hammy2899 locked #6889
  • Nov 30 02:10
    aidv opened #6905
  • Nov 27 22:05
    challet edited #6902
  • Nov 27 13:57
    vinayakkulkarni closed #6903
  • Nov 27 13:57
    vinayakkulkarni labeled #6903
  • Nov 27 13:56
    vinayakkulkarni closed #6835
  • Nov 27 13:56
    vinayakkulkarni labeled #6835
  • Nov 27 13:52
    kderyabin closed #6904
  • Nov 27 13:51
    kderyabin opened #6904
  • Nov 27 13:26
    SongX64 opened #6903
  • Nov 27 11:07
    challet opened #6902
  • Nov 26 11:07
    nk9 edited #6901
  • Nov 26 11:04
    nk9 opened #6901
  • Nov 24 01:04
    mind0n closed #6696
  • Nov 21 14:14
    bhosalemahesh899 closed #5212
  • Nov 20 14:27
    kavehcs opened #6899
  • Nov 16 14:40
    fireswallow opened #6898
  • Nov 14 08:36
    hammy2899 closed #6207
전동기
@darenchun92_gitlab
does anyone know anything about this?
전동기
@darenchun92_gitlab
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
@lubber-de
If you use a cdn you don't need node. Just use the precompiled css and js for your jsp project
ItratJameel
@ItratJameel
_jquery2.default(...).dropdown is not a function when trying to access semantic ui react Dropdown by $('.ui.dropdown'). Any guidance?
ItratJameel
@ItratJameel
Anybody there?
Marco 'Lubber' Wienkoop
@lubber-de
@ItratJameel .dropdown as jquery method is not available in the react version of SUI
Vidit Kothari
@viditkothari

[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

fs.js:27
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! code ELIFECYCLE
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
@ColinFrick
@viditkothari Downgrade to node 10/11 or you could use the community fork https://fomantic-ui.com/
Vidit Kothari
@viditkothari
@ColinFrick , thanks for prompt reply. Will try your suggestion
onemangrove
@onemangrove
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
@ColinFrick
@onemangrove set autoInstall to true in your semantic.json
Marco 'Lubber' Wienkoop
@lubber-de
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
@viditkothari

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
@lubber-de
@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
@viditkothari

@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>
</ul>
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
@lubber-de
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
@viditkothari
@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
@ianbradbury-bizzibody
Has anyone a recipe for how to add sematic-ui to a Rails 6 application that's using Webpack?
Abijith.ajayan
@Abijithajayan_twitter
Any one Knows.. why semantic UI dropdown not working, when am putting inside with Angular *NgIf
SelvarajKrishnan
@Selvakrish07_twitter
Hi
Shall we use CSS variables as value for Less variable.
example:
SelvarajKrishnan
@Selvakrish07_twitter

root{
--wd-color:#234567;
}

@primaryColor: --wd-color;

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

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'
$('.ui.sidebar').sidebar(...)

but I get:

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

Joel
@joelcormack
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
hotBoy_178
@carter_ephraim_twitter
image.png
Hello m trying to use country select form but its not working anyone can help me?what's the problem?
Marco 'Lubber' Wienkoop
@lubber-de
@joelcormack @carter_ephraim_twitter Please provide jsfiddles for easier investigation. Thanks
KyleBroflovski925
@KyleBroflovski925
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:

PS C:\Users\User\Desktop\project> npm install semantic-ui --save
npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated graceful-fs@1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated natives@1.1.6: This module relies on Node.js's internals and will break at some point. Do not use it, and update to graceful-fs@4.x.

semantic-ui@2.4.2 install C:\Users\User\Desktop\project\node_modules\semantic-ui
gulp install

fs.js:27
const { Math, Object } = primordials;
^

ReferenceError: primordials is not defined
at fs.js:27:26
at req_ (C:\Users\User\Desktop\project\node_modules\natives\index.js:143:24)
at Object.req [as require] (C:\Users\User\Desktop\project\node_modules\natives\index.js:55:10)
at Object.<anonymous> (C:\Users\User\Desktop\project\node_modules\vinyl-fs\node_modules\graceful-fs\fs.js:1:37)
at Module._compile (internal/modules/cjs/loader.js:956:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
at Module.load (internal/modules/cjs/loader.js:812:32)
at Function.Module._load (internal/modules/cjs/loader.js:724:14)
at Module.require (internal/modules/cjs/loader.js:849:19)
at require (internal/modules/cjs/helpers.js:74:18)
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! code ELIFECYCLE
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\User\AppData\Roaming\npm-cache_logs\2019-12-01T17_53_36_069Z-debug.log

KyleBroflovski925
@KyleBroflovski925
I apologize for this large file, but I just don't know how to fix it. Maybe someone came across something similar.
Thanks ! :)
stoically
@stoically
that's because of #6818
Joel
@joelcormack
@lubber-de thanks, good idea just making one now
Joel
@joelcormack
@lubber-de https://jsfiddle.net/dgowell/ksgepjox/21/ so quite simply if you type very quickly and then hit return only a portion of the characters are added as a tag. Does that make sense?
Joel
@joelcormack
and if I remove the API settings the effect I don't want goes away https://jsfiddle.net/dgowell/ksgepjox/23/
Marco 'Lubber' Wienkoop
@lubber-de
@joelcormack I think you can file an issue for this behavior. if you want this fixed, you might create an issue at the community fork Fomantic UI, because Semantic UI does not care about issues and PRs since more than a year and development has stopped since then. Fomantic already reached v 2.8.2 and will care about your issue (i am one of the core maintainers ;) ) https://github.com/fomantic/Fomantic-UI/issues
Joel
@joelcormack
Ok thank you Marco
smartm0use
@smartm0use
hello
do you know what is the right way to import Semantic-UI into an Angular project?
(but I'm using Fomantic-UI)