## Where communities thrive

• Join over 1.5M+ people
• Join over 100K+ communities
• Free without limits
##### Activity
• 13:58
rubenpro opened #6926
• Jan 22 17:56
thecpdubguy opened #6925
• Jan 21 21:41
• Jan 21 12:10
DamodarSojka edited #6923
• Jan 21 12:09
DamodarSojka edited #6923
• Jan 21 12:09
DamodarSojka opened #6923
• Jan 21 09:43
rorycawley edited #6922
• Jan 21 09:42
rorycawley opened #6922
• Jan 19 16:26
almacaw opened #6921
• Jan 16 15:38
Darshan197 closed #6916
• Jan 09 16:16
tluanga opened #6920
• Jan 09 11:51
irfanjs opened #6919
• Jan 09 05:45
YathishKumarR closed #6770
• Jan 09 02:26
captain316 edited #6918
• Jan 09 02:26
captain316 edited #6918
• Jan 09 02:26
captain316 edited #6918
• Jan 09 02:15
captain316 edited #6918
• Jan 09 02:12
captain316 edited #6918
• Jan 09 02:11
captain316 opened #6918
• Jan 07 21:27
lucyc426 opened #6917
lotuspatel
@lotuspatel
hi
Pablo Guerrero
@elefantelimpio
Does anybody knows how can I implement this pointing dropdown in Angular 7 component? https://semantic-ui.com/modules/dropdown.html#/definition
Paweł
@dragonflypl
Hi All, got a question about Semantic UI + Angular. I started using Semantic UI in Angular. I tried to use input with icon left, but Angular is changing order of classes so it does not work. Do you know how to solve it ?
VanquishedWombat
@VanquishedWombat
Hi All - I have a query - can't confirm if my bug or knowledge gap yet - about having vertical scroll bars on a list in grid column. The list might be a distraction, I cant get a plain div with an image to play either. The issue with a working snippet is on stackoverflow https://stackoverflow.com/questions/58451608/semantic-ui-list-scrollbars-not-showing. Can anyone help please?
Amar Gill
@Amar-Gill
@Lite5h4dow there is a technique to have menu items evenly divided. see the docs.
Hi all, I have a secondary menu. Issue is anytime I scroll through page, the content is visible behind the secondary menu (it is my navbar for my site). Any way to make the secondary menu opaque?
Hi all, is there a way to have a conditional statement to validate a field based on a select drop-down option? For example, if user select "Yes" from dropdown, make another field required? If user selects "No" that other field is optional and form submits. Can anyone please help point me in the right direction? Spent hours on this with no luck
Never mind...figured it out finally!
rserognas
@rserognas
hi guy
does anyone here have problem with there footer that would be on the exact place?
Philip Metzger
@philmetzger
hey @all, i have an issue with the React Dropdown with Input. When i click into the input in the dropdown, then the dropdown disappears. It even happens here: https://react.semantic-ui.com/modules/dropdown/#content-input
Also closeOnBlut still closes the dropdown when I click into the input
Philip Metzger
@philmetzger
do I really have to add onClick={(e) => e.stopPropagation()}
umar haider
@exelv1
how do i
use this on my bandcamp page
daveflr
@daveflr
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
@lubber-de
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
@lubber-de
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
@romannicolai
Can anyone help with Semantic UI Google Maps
전동기
@darenchun92_gitlab
hello
I am currently trying to use semantic in jsp
but official website doesn't seem to have any explanation about settings and etc.
전동기
@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
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.
Has anyone a recipe for how to add sematic-ui to a Rails 6 application that's using Webpack?
Abijith.ajayan
Any one Knows.. why semantic UI dropdown not working, when am putting inside with Angular *NgIf
SelvarajKrishnan
Hi
Shall we use CSS variables as value for Less variable.
example:
SelvarajKrishnan