Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • May 19 21:16
    driosnav opened #7082
  • May 17 09:10
    zzqhandsome opened #7081
  • May 07 12:09
    niuzhi closed #7080
  • May 07 09:31
    niuzhi opened #7080
  • Mar 21 04:00
    dfsmirnov closed #6672
  • Mar 07 10:32
    jacknevitt closed #6341
  • Mar 02 13:40
    kiranjoshy123 opened #7079
  • Feb 28 16:53
    pranaypaine edited #7078
  • Feb 28 16:52
    pranaypaine opened #7078
  • Feb 20 04:23
    eablokker closed #7077
  • Feb 20 04:03
    eablokker opened #7077
  • Feb 16 17:42
    neokio closed #4475
  • Feb 16 17:41
    neokio closed #5011
  • Feb 16 17:38
    neokio closed #6173
  • Feb 13 05:27
    Fayozbekj opened #7076
  • Feb 02 09:26
    tsodring opened #7075
  • Jan 22 14:54
    dfridrich closed #6475
  • Jan 17 13:07
    yopiti edited #7074
  • Jan 17 13:06
    yopiti opened #7074
  • Dec 29 2021 07:33
    ullaskunder3 closed #7070
smartm0use
@smartm0use
I have tried to use $('.ui.search').search('set', 'test'); but it doesn't work
ElEmFurt
@ElEmFurt
I am stuck for more than a day with a weird problem, I have a dropdown with select and option tags, in which there are unique text items, but the values can be duplicated. And so the dropdown() event, automatically selects the last option with the value, is there some way to select the value by text?
for e.g I have option abc with value 1 and another option def with value also as 1
I need to be able to select it by text, as the selected attribute is correctly set on my select/option tag
ElEmFurt
@ElEmFurt

Here's my HTML

<div class="ui fluid dropdown ListQuestion selection" tabindex="0"><select id="Responses_35_ListTypeQuestion">
<option value="">Select an option</option>
<option value="1" data-text="Low - Please refer guidance document">Low - Please refer guidance document</option>
<option value="2" data-text="Medium - Please refer guidance document">Medium - Please refer guidance document</option>
<option value="3" data-text="High - Please refer guidance document" selected="">High - Please refer guidance document</option>
<option value="3" data-text="Unknown - Please refer guidance document">Unknown - Please refer guidance document</option>

</select><i class="dropdown icon"></i><div class="text">Unknown - Please refer guidance document</div><div class="menu hidden transition" tabindex="-1"><div class="item" data-value="" data-text="Select an option">Select an option</div><div class="item" data-value="1" data-text="Low - Please refer guidance document">Low - Please refer guidance document</div><div class="item" data-value="2" data-text="Medium - Please refer guidance document">Medium - Please refer guidance document</div><div class="item" data-value="3" data-text="High - Please refer guidance document">High - Please refer guidance document</div><div class="item active selected" data-value="3" data-text="Unknown - Please refer guidance document">Unknown - Please refer guidance document</div></div></div>

ElEmFurt
@ElEmFurt
can anyone help please?
ElEmFurt
@ElEmFurt
Nevermind, I got it working finally. I had the selected text in a hidden field outside the dropdown, so manually, set the text into the div.text and manually set the div.menu item as active selected for the UI to see it while rendering.
Benny Thompson
@bennythomps
I need to build Semantic UI LESS by hand (I'm using CLJS and no gulp). How do I piece together the lessc command to do so?
Michael Holopainen
@michael.holopainen_gitlab
What is the state of the Semantic-UI porject ? Is is dead ? I really like it and would love to keep using it, but there has not been a single commit into the git project for over 2 years.
Jason Zavaglia
@jpz
It lives on here https://fomantic-ui.com
More on their GitHub page https://github.com/fomantic/Fomantic-UI
Michael Holopainen
@michael.holopainen_gitlab

It lives on here https://fomantic-ui.com

Thanks, but I know that. I am just wondering is SemanticUI totally dead. As FomanticUI started as temporary fix for inactivity in original project with plan at somepoint maybe merged back in. It too is great work but I worry about it's longevity as that too is (AFAIK) personal project of one man.

Last information I have is creator telling this is not generating enough monay via donations that he can affort to work on this full time and him saying he still continues support with patches every few months. Which has not been the case. Fair enough, as he donated a lot of his time on this and this has been great help for may poeple so I for one am grateful to him. I have no issues with his desicion. I just would like to know is there a chance this would still be viable tool to use.

Michael Holopainen
@michael.holopainen_gitlab
P.S. we have already switched to fomantic months ago. I just keep peeking over my shoulder if SEmanticUi wakes up.
Marco 'Lubber' Wienkoop
@lubber-de

I have tried to use $('.ui.search').search('set', 'test'); but it doesn't work

This isnt implemented tpo be called from outside. It's bound to the keyboard handler when a return is typed or the search icon clicked. Try the behavior "event result click" This is at least the function which is called

Krish Gupta
@krishdevdb
I have feature request
Normalize CSS Has A Lots Of Issues And It is really popular and used across many sites plus it's heavy. Because Of That Our Sites Look Similar To Other Sites And They Are Heavy As Well. So, I Suggest That If We Need A Simple Reset. We can use something like minireset.css by jgthms. If We Need A CSS Normalizer We Can Use Something Like Sanitize.css or Bootstrap's Reboot
Or reseter.css
Russell Jurney
@rjurney_twitter
Is this the place to ask questions?
I have a Search Category with and Icon and I can't make it wider. Nothing works and I can't figure out the API.
It wants to be 200px even when I set the width in Chrome Inspect to 600px
https://gist.github.com/rjurney/b13ba7f19263849a3cd597252f381168
Hridaya Agrawal
@hridaya423
Hello Everyone
Mark S. Miller
@msmiller
image.png
joe f
@j9akula:matrix.org
[m]
Good Morning! I am new to Semantic and some other things. I would like to know how one could confirm that the theming of USWDS was properly incorporated into Semantic UI?
joe f
@j9akula:matrix.org
[m]
@msmiller: Hi Mark can you help me with an issue?
asarch
@asarch
How would you clear the content of a text input by pressing its icon? https://pastebin.com/5sZcYadb
Dre
@I-keep-trying
There seems to be no help here. :-|
Serenity Now
@sauve:matrix.org
[m]
@I-keep-trying: That's good to know! I was just coming to aska question about Button causing a warning about findDOMNode being deprecated in StrictMode. Maybe I should try Gitter? Not sure if this is a two way bridge, and both locations are dead...
Jean-Paul Sauve
@jp-sauve
is this project dead?
Dre
@I-keep-trying

is this project dead?

This gitter room certainly is.

I wish there was a community for semantic-ui. Sure could use some help now and then. :-\
Serenity Now
@sauve:matrix.org
[m]
This project was forked, and the new package is fomantic
Development has ceased for this project AFAIK
Marco 'Lubber' Wienkoop
@lubber-de
The community fork Fomantic-UI got github discussions https://github.com/fomantic/Fomantic-UI/discussions and a discord server https://discord.com/invite/YChxjJ3
Shetu Raj
@sheturaj:matrix.org
[m]
Hi. I am unable to dynamically insert elements into an Accordion from a nested json input because of the lack of documentation. Can someone help me out with this? https://stackoverflow.com/questions/67160612/not-able-to-insert-elements-dynamically-into-semantic-ui-accordion/67170738#67170738
Serenity Now
@sauve:matrix.org
[m]
Shetu Raj: Unfortunately this project has been superseded by Fomantic-UI, and doesn't seem to be receiving any recent attention.
Parth Bhodia
@ParthBhodia09
Hi, I am having a hard time placing disable option on the change of event on one particular dropdown. it basically works fine when I do $(' .ui .dropdown').addClass('disabled'); but if I were to add it by the id it doesn't work $(' #city').addClass('disabled');
anyone else facing the same issue or knows any work around for this ?
Semantic-Org/Semantic-UI#5417 I see there is already a question on this but I still don't see any proper solution
Parth Bhodia
@ParthBhodia09
Ok it's working with this method
$('#city').parent().addClass('disabled')
This is because they mentioned it creates a new div above the select option, so we just target that new div by accessing the parent element of that selector
Perry Codes
@PerryCodes
Asking here before submitting GitHub issue - I absolutely can't imagine I'm the first to notice this... What's up with Modals shifting left a few pixels before closing???
I've verified this behavior with several browser (with different rendering engines). It's happening on the demo page here: https://semantic-ui.com/modules/modal.html
Richard Všianský
@rvsia
@PerryCodes It's because of the scrollbar,
Perry Codes
@PerryCodes
@rvsia - interesting. I’m on an iPad currently so I popped over to see one more time, but iOS Safari isn’t displaying a scrollbar. And, well, there is no left shift as well! Now I know why - thanks Richard! What was it that GI Joe said ? Knowing is half the battle? :)
Perry Codes
@PerryCodes
Of all UI frameworks I’ve evaluated over the past few months, the look and feel of Semantic-UI modals is so amazingly top-notch. For any type of admin/dashboard tool, this is a major plus... Major kudos to the devs respondible for this!
Richard Všianský
@rvsia
@PerryCodes Yeah, we are using patternfly in our projects and there are so many instances when the scrollbar changes the page so I got used to look for it. :D Otherwise, if you are trying multiple design systems, you can take a look at https://data-driven-forms.org/, it's project we managed and it allows to write React forms by just using JSONs and it's possible to switch between designs by just changing two props.
Perry Codes
@PerryCodes
HOLY SHIT... I didn't realize how DEAD this project actually is until just trying to create a test project!!!
Looks like I'll give Formantic a shot. At least they have the Modal popping left if there is a scrollbar problem fixed :) Oh.. and there's the minor bonus that it can actually be installed without rolling back Node to something that existed about a decade ago...